美化CSDN界面,整洁打印

简化CSDN界面(去广告,设置背景),整洁打印

美化CSDN界面,整洁打印

一、安装一个CSDN界面优化插件

现在csdn的体验越来越差了。广告也多。

不过这年头没人不装拦广告插件了吧~

【https://blog.csdn.net/qq_40881680/article/details/82226562】

装个插件补救一下。

需要先安装油猴插件

http://www.tampermonkey.net

下载地址

https://greasyfork.org/zh-CN/scripts/373457-csdn-去广告沉浸阅读模式

还有一个也可以

https://greasyfork.org/zh-CN/scripts/381488-csdn免登录-极简化

安装效果:
美化CSDN界面,整洁打印

二、打印CSDN文章:

按“F12”进入开发者工具,将以下js复制到 console,回车即可一键打印。

插入代码片
美化CSDN界面,整洁打印

(function(){
    'use strict';
    var articleBox = $("div.article_content");
    articleBox.removeAttr("style");
    $("#btn-readmore").parent().remove();
    $("#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, .more-toolbox, .article-info-box, .btn-readmore").remove();
    $("aside").remove();
    $(".tool-box").remove();
    $("main").css('display','content');
    $("main").css('float','left');
    $("#mainBox").css('width','92%');
    $(".main_father.clearfix.d-flex.justify-content-center").css("width","92%");
    window.print();
})();

注意;这里的放大放大倍数是92%,实测打印效果比较好

转载自:https://blog.csdn.net/qq_33831360/article/details/93376966
https://blog.csdn.net/qq_33957603/article/details/108118764

上一篇:MOngoDB 删除命令详细解释(小白基础)


下一篇:js-classList用法学习记录1