将CSDN博客内容转为PDF进行下载

最新推荐文章于 2025-03-14 11:14:10 发布

Evil

最新推荐文章于 2025-03-14 11:14:10 发布

阅读量2.4k

点赞数 9

分类专栏：学习笔记文章标签： pdf javascript html

本文链接：https://blog.csdn.net/weixin_45398231/article/details/130363296

版权

学习笔记专栏收录该内容

1 篇文章

订阅专栏

该文章介绍了一种方法，通过在浏览器控制台运行特定的JavaScript代码，可以去除博客文章的样式限制，调整布局，然后将其保存为PDF。这个过程涉及修改页面DOM，设置页面缩放比例，并使用浏览器的打印功能来实现高质量的导出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

打开博客文章页面–F12–控制台–输入以下代码-回车–选择“另存为PDF”–设置样式并预览–打印
在这里插入图片描述
回车之后需要等待一些时间

设置之后导出即可

(function(){      
	'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;
})();