作者:爪洼洼
原文:打印CSDN网页内容
作者博客中的代码:
(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();
})();
"F12"后输入代码,回车:
试下去掉红框里的:
1.按F12进入开发者工具
2.右键部件→“检查”
找到这段代码
3.
第一种方法:
右键→”Hide element“
第二种方法:
右键→”Copy“→”Copy JS path“
在”Console“中粘贴
修改
document.querySelector("body > div.csdn-side-toolbar")
为
$("body > div.csdn-side-toolbar").remove();
然后回车
——————————————————————
也可以把上句代码加到原作者的代码中:
(function(){
$("body > div.csdn-side-toolbar").remove();
$("#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();
})();
如果需要保存/打印其他博客或者网页,方法是一样的