以这篇文章为例:
直接另存为PDF会显示不全:
所以,在谷歌浏览器中,右键---->检查,在控制台中输入如下代码并回车:
代码来源:将CSDN文章内容转成PDF文件使用教程_LaOngDaoxing的博客-CSDN博客_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文章下方*/ $(".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文章css样式为》默认样式'display':'contents'或自定义宽度'width':'1100px'或自定义宽度'width':'825px'*/ $("main").css({'width':'1100px'}); /*弹出打印窗口》另存为PDF文件*/ window.print(); });
即可将完整文章另存为PDF: