CSDN博客导出为PDF

最新推荐文章于 2024-05-15 18:48:27 发布

verse_armour

最新推荐文章于 2024-05-15 18:48:27 发布

阅读量343

点赞数 1

文章标签： pdf css 前端

本文链接：https://blog.csdn.net/verse_armour/article/details/128591650

版权

csdn博客导出为PDF

F12打开开发者模式
控制台输入如下代码段
ENTER键运行
出现打印弹窗，导出为PDF即可。
参考博客：将CSDN文章内容转成PDF文件使用教程

$(function(){
	/*从被选元素body移除一个类页面样式*/
	$("body").removeClass("nodata");
	/*删除顶部导航*/
	$("#csdn-toolbar").remove();
	/*删除左侧导航*/
	$("aside").remove();
	/*删除右侧悬浮*/
	$(".csdn-side-toolbar").remove();
	/*删除CSDN文章上方*/
	$(".article-header-box .article-info-box").remove();
	$("#blogColumnPayAdvert").remove();
	/*展开CSDN文章中被隐藏的代码段：从被选元素pre class="set-code-hide prettyprint"移除一个类页面样式*/
	$('pre[class="set-code-hide prettyprint"]').removeClass("set-code-hide");
	/*删除CSDN文章中被隐藏的代码段上面的遮罩*/
	$('div[class="hide-preCode-box"]').remove();
	/*删除CSDN文章下方*/
	$(".more-toolbox-new").remove();
	$(".reward-box-new").remove();
	$(".recommend-tit-mod").remove();
	$(".blog-footer-bottom").remove();
	/*删除CSDN文章下方评论、其他博客链接*/
	$(".comment-box, .recommend-box, #csdn-shop-window, .template-box").remove();
	/*删除CSDN文章下方公众号链接、笑脸评级*/
	$("#blogExtensionBox, #recommendNps").remove();
	/*修改CSDN文章css样式为》默认样式'display':'contents'或自定义宽度'width':'1100px'或自定义宽度'width':'825px'*/
	$("main").css({'width':'1100px'}); 
	/*弹出打印窗口》另存为PDF文件*/
	window.print();
});