CSDN文章打印或保存pdf（优化）

最新推荐文章于 2024-01-02 18:04:15 发布

huangxyee

最新推荐文章于 2024-01-02 18:04:15 发布

阅读量189

点赞数

分类专栏： Tips 文章标签： js css html

本文链接：https://blog.csdn.net/weixin_43691686/article/details/112655955

版权

Tips 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

找到的网上js代码存在的一些问题

网页最底部信息未删除
内容只显示左半边
导出pdf字体小

优化的js代码如下

其中15行删除网页最底部信息，16行修改相对位置，17行用于缩放（但只适用于文字、文章里的图片不适用）

(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');
    $("#copyright-box").remove();
    $("#mainBox").css('width','100%');
    $(".main_father.clearfix.d-flex.justify-content-center").css("width","80%");
    window.print();
})();