将CSDN指定文章内容转成PDF文件使用教程

1.打开CSDN文章内容

2.按键盘上F12打开浏览器调试模式,打开Console标签。

将CSDN指定文章内容转成PDF文件使用教程_第1张图片

3.在Console标签页内输入一下代码,然后点击回车。

$(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文章中被隐藏的代码段:从被选元素
class="set-code-hide"移除一个类页面样式*/
	$('pre[class="set-code-hide prettyprint"]').removeClass("set-code-hide");
	/*删除CSDN文章中被隐藏的代码段上面的遮罩*/
	$(".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();
});

4.生成无边框文件

将CSDN指定文章内容转成PDF文件使用教程_第2张图片

你可能感兴趣的:(pdf,html,css)