CSDN文章一键保存为PDF文件。

文前敲大声声明啦！文章转自：https://blog.csdn.net/p1279030826/article/details/106602341

近期科研需要用到很多零散的知识，所以开始一通瞎逛，还是钟爱CSDN中各种大佬的总结分享，但是由于网页版不方便学习，就思考是否能够下载下来汇总学习，于是开始搜寻方法，没想到真的有！（是我无知…

成功实践之后，想了一下自己七秒钟的记忆，于是还是决定写个简单的记录，方便自己下次查看，想要详细教程的还是推荐去原文章看大佬介绍哦嘻嘻！

功能实现

实现CSDN文章一键打印、保存为PDF格式。

步骤

Step 1：按F12进入开发者工具，点击console栏（底部也有一个console哦，如下图所示：

Step 2：在上图中标示的3处输入以下代码，并按回车健。

(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,.blog-footer-bottom").remove();
	$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box,#dmp_ad_58, .more-toolbox, .article-info-box, .btn-readmore, .pub-footer-new").remove();
	$("aside").remove();
	$(".tool-box").remove();
	$("main").css('display','content'); 
	$("main").css('float','left'); 
	$("#mainBox").width("100%");		
	document.getElementsByTagName('body')[0].style.zoom=0.8;
	window.print();
})();

Step 3：接下来就会出现类似下面的弹窗啦！在目标打印机中选择另存为PDF，然后保存就可以选择保存路径了，完成！因为我并没有打印，所以不确定打印流程是否正常，但是文件都有了，问题不大啦！

其他说明

原文提供了两种方法，还有一些问题说明和优化设置，问题我没有遇到，在这里就不班门弄🐅啦哈哈，有兴趣的朋友自己去看吧，我只是一个没有感情的知识搬运工！此篇结束，撒花~