优化CSDN博文展示清空多余样式直接输出 PDF 打印

身价五毛

已于 2024-07-14 14:00:29 修改

阅读量235

点赞数 1

文章标签： CSDN 前端样式优化

于 2024-07-14 13:56:47 首次发布

本文链接：https://blog.csdn.net/Ximerr/article/details/140416083

版权

CSDN博文页面除了文章内容部分之外有很多额外样式和非关键信息（Ad），打印输出保存时非常混乱，观看效果不佳，通过以下代码可以清理多余样式，只保留文章标题、内容、作者和时间等信息，生成输出PDF保存。

使用方法

打开CSDN博客页面，按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();
$(".csdn-side-toolbar").remove();
$("main").css('display','content'); 
$("main").css('float','left'); 
window.print();
 
$("tool-box").remove();
})();