csdn文章导出

最新推荐文章于 2025-10-27 10:21:50 发布

转载最新推荐文章于 2025-10-27 10:21:50 发布 · 225 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/bornfree5511/article/details/109477968

文章标签：

#前端

该博客分享了一段JavaScript代码，用于在谷歌浏览器的开发者工具console中运行，以定制网页内容，移除广告、侧边栏等元素，并调整布局以适应打印需求。此代码适用于那些希望简化网页并专注于主要内容的用户。

转载于：https://blog.youkuaiyun.com/bornfree5511/article/details/109477968
谷歌浏览器按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();

    $(".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");

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

    window.print();


    })();