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

身价五毛

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

阅读量297

点赞数 1

文章标签：优快云前端样式优化

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

本文链接：https://blog.youkuaiyun.com/Ximerr/article/details/140416083

版权

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

使用方法

打开优快云博客页面，按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();
})();