问题解决：CSDN文章一键打印、输出PDF

最新推荐文章于 2024-05-12 23:01:50 发布

NI'CE'XIAN

最新推荐文章于 2024-05-12 23:01:50 发布

阅读量1.4k

点赞数 1

分类专栏：文件处理技巧文章标签： pdf 前端 java Powered by 金山文档

原文链接：https://blog.csdn.net/p1279030826/article/details/106602341

版权

文件处理技巧专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一、功能及使用方法

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

功能：

自动“展开阅读全文”

删除顶栏、侧栏、相关文章展示、浏览信息、广告、点赞等多余信息。真正的全清爽模式。

自动输出打印预览

自动缩放打印页面、避免页边缘内容被裁剪。（2020/10/31 新增）

自动展开折叠的代码段（2022/8/8 新增）

二、两种获取方法

方法一：移除法（2022/08/08更新）

更新内容：增加自动展开折叠的代码段功能

注：如果发现打印预览的时候每一页顶部都有标题，请参照下面第三步去掉“页眉和页脚”的勾选

 (function(){
    'use strict';
    var articleBox = $("div.article_content");
    articleBox.removeAttr("style");
    $(".hide-preCode-bt").parents(".author-pjw").show();
    $(".hide-preCode-bt").parents("pre").removeClass("set-code-hide");
    $(".hide-preCode-bt").parents(".hide-preCode-box").hide().remove();
    $("#btn-readmore").parent().remove();
    $("#side").remove();
    $(".csdn-side-toolbar, .template-box, .blog-footer-bottom, .left-toolbox, .toolbar-inside").remove();
    $(".comment-box, .recommend-box, .more-toolbox, .article-info-box, .column-group-item").remove();
    $("aside, .tool-box, .recommend-nps-box, .skill-tree-box").remove();
    $("main").css('display','content'); 
    $("main").css('float','left'); 
    $("#mainBox").width("100%");        
    document.getElementsByTagName('body')[0].style.zoom=0.8;
    window.print();
})();

方法二：HTML重新构建法（2020/10/31新增）

该方法与方法一功能一致，代码更加简洁，打印完自动还原网页，并且后续CSDN增加其他多余模块也不会有影响。

(function doPrint(){      
    'use strict';
    var articleBox = $("div.article_content");
    articleBox.removeAttr("style");
    var head_str = "";       
    var foot_str = "";   
    var older = document.body.innerHTML;       
    var title= document.getElementsByClassName('article-title-box')[0].innerHTML; 
    var main_body = document.getElementsByClassName('article_content')[0].innerHTML;
    document.body.innerHTML = head_str + title + main_body + foot_str;
    $("#mainBox").width("100%");
    document.getElementsByTagName('body')[0].style.zoom=0.8;     
    window.print();
    document.body.innerHTML = older;
    return false;
})();