日常小技巧(1):一段代碼教你如何將網頁生成pdf

本文以Google Chrome瀏覽器舉例:

需求:將熊博主的首頁製作成pdf

  1. 打開要製作成pdf的網頁,如:
    熊博主的首頁
    在這裏插入圖片描述
  2. 按住F12或者Fn+F12,打開開發者工具,到Console下粘貼如下代碼:
    在這裏插入圖片描述
(function(){
$("#side").remove();
$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
$(".nav_top_2011, #header, #navigator").remove();
$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove();
$("aside").remove();
$(".tool-box").remove();
$("main").css('display','content'); 
$("main").css('float','left'); 
window.print();
$("tool-box").remove();
})();

回車,就會打開以下界面:
在這裏插入圖片描述
然後就可以將pdf保存到指定的位置了。

不斷學習,不斷進步!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章