csdn 导出文章 pdf

Edge浏览器下优化网页打印代码示例

最新推荐文章于 2025-07-14 11:18:24 发布

原创最新推荐文章于 2025-07-14 11:18:24 发布 · 255 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#pdf #css #javascript

前端专栏收录该内容

61 篇文章

订阅专栏

这段JavaScript代码用于去除网页不必要的元素，如侧边栏、广告和评论区，然后调整布局以适应打印需求，确保内容完整显示。适用于Edge浏览器的网页打印优化。

(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();
	$("#toolBarBox").remove();
    $("main").css('display','content');
    $("main").css('float','left');
    $("#mainBox").css('width','100%');     
    $(".main_father.clearfix.d-flex.justify-content-center").css("width","100%"); //显示不全关键在于修改这里的width的比例
    window.print();																  // 修改成 90% 基本就可以显示全
})();

打开控制台输入以上代码，就可以

我采用的是Edge浏览器