欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

2021-03-16

程序员文章站 2022-05-25 17:05:56
...

平时经常从CSDN打印博客看,发现一般JS打印CSDN博客,出现右边文字显示不全,阅读效果较差。
我在参考了爪洼洼的《打印CSDN网页内容》中JS代码基础上增加了页面样式调整,将整个页面内容调整到一个合适的范围打印。
写下这个内容主要是方便以后,自己打印需要。

写下这个内容主要是方便以后,自己打印需要。
具体如下:
打印CSDN博文内容,将以下js复制放入Chrome开发者选项里边的console,回车即可。

(function(){
$("#side").remove();
$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
$(".nav_top_2011, #header, #navigator").remove();
$(".csdn-side-toolbar,.template-box,.reward-user-box").remove();
$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box,#dmp_ad_58").remove();
$("aside").remove();
$(".tool-box").remove();
$("main").css('display','content'); 
$("main").css('float','left'); 
$("#mainBox").css('width','1048px');
$("#mainBox").css('margin-left','0px');
$("#mainBox").css('margin-right','0px');
//$("[class='main_father clearfix d-flex justify-content-center']").css("width","1048px");
$(".main_father.clearfix.d-flex.justify-content-center").css("width","1048px");
window.print();
$("tool-box").remove();
})();

但是仍有一个问题没有解决就是如下:
对于较长的博客,仍然需要手动点击“展开阅读全文”。

相关标签: 各种小问题