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

2023-06-05 05:05| 来源: 网络整理| 查看: 265

1、CSDN文章链接地址

2、操作步骤

（1）设置浏览器页面字体大小

（2）浏览器控制台执行代码段，配置打印

I、浏览器Console

II、更多设置-边距

3、下方附CSDN文章，可直接执行的Jquery代码段

（1）第一个代码段完全可以实现要求

（2）第二个代码段，可有可无

3、下方附博客园文章，可直接执行的Jquery代码段

（1）第一个代码段完全可以实现要求

3、下方附Gitee文章，可直接执行的Jquery代码段

（1）第一个代码段完全可以实现要求

4、PDF文件效果

（1）默认样式'display':'contents'

（2）自定义宽度'width':'825px'

5、附Java面试题整理好的文件压缩包

6、参考链接：

1、CSDN文章链接地址

举例：将CSDN文章“Java面试题全集（上）”内容转成PDF文件

2、操作步骤（1）设置浏览器页面字体大小

此步骤影响导出pdf文件的字体大小：谷歌浏览器》设置》外观》自定义字体》

如下为本人文档适用的字号》

（2）浏览器控制台执行代码段，配置打印 I、浏览器Console

键盘F12》打开谷歌浏览器调试界面》点击标签Console（切换浏览器控制台Console）

II、更多设置-边距

方式1（pdf页头页尾无间隔）、最小值

方式2（pdf页头页尾有间隔）、首先选择【边距默认】，然后选择【边距自定义为上下左右10 10 0 10】

3、下方附CSDN文章，可直接执行的Jquery代码段（1）第一个代码段完全可以实现要求 $(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文章中被隐藏的代码段：从被选元素

【本文地址】

公司简介

联系我们