解决CSDN文档打印排版混乱问题

molecule_jp

已于 2023-06-02 15:13:34 修改

阅读量848

点赞数 3

分类专栏：计算机基础文章标签： css javascript 前端开发语言

于 2023-03-15 09:40:57 首次发布

本文链接：https://blog.csdn.net/qq_37247026/article/details/129545504

版权

计算机基础专栏收录该内容

52 篇文章

订阅专栏

该文章提供了一段JavaScript代码，用于在CSDN网站中删除页面上的广告和其他无关内容，优化打印体验。用户只需在网页的开发者模式console中输入代码，然后打印，即可得到干净的文章布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

打印CSDN文章时候，总会出现一些广告和多余的信息，可以执行以下脚本信息去除：

(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');

    $(".main_father.clearfix.d-flex.justify-content-center").css("width", "1048px");

    $(".left-toolbox").remove();

    $("asideNewNps").remove();

    $(".aside-content").remove();
    document.getElementById('recommendNps').remove();

    $(".blog-footer-bottom").remove();

    $("tool-box").remove();
   // window.print();
})();