温馨提示:
V10.11版本已修复知乎公式打印失败的问题。经在Edge、Chrome、FireFox三大平台测试反馈,Edge浏览器的使用体验最佳!
如果页面没有正常显示转换button,建议多次刷新页面或更换浏览器。
脚本功能:
提供知乎、CSDN、简书、博客园、开源中国、掘金、思否等主流博客网站的文章部分另存为PDF的功能,便于本地对文章进行编辑/做笔记。兼容Chrome, Edge,Firefox浏览器,其余未测试。
未使用本插件进行打印和使用本插件进行打印的结果对比如下所示:
求个支持:
欢迎友友们关注我的公众号: Coding101,加我好友:dossweet , 有问题可以找我 debug ~
思路来源:
不知有没有小伙伴和我一样在网上的主流博客网站浏览技术文章时,看到能解决自己问题并且是一篇有很价值的博客时,就想如果能对文章进行编辑就好了,这样以后再看到这篇文章时,就知道自己看到了哪一个地方,有什么感悟,从而大幅度提高阅读效率。
直接在网页上对博客进行编辑并保存是不现实的。但我们可以将文章转存为PDF下载到本地进行阅读,这样就可以直接编辑并保存笔记啦~
注意事项:
- 打印文章前,请确保文章内的所有图片都已加载完成。建议把滚动条拖至底部(浏览一遍文章)。否则转出的PDF内图片可能显示不出来。出现这个问题的主要原因是现在的网站为了节流对图片均以懒加载的形式进行加载,导致调起打印时图片未加载完成。
- 第一次使用时记得在弹出窗口设置为另存为PDF,如果不想要页眉页脚,也请手动勾选
- 本脚本仅在Edge、Chrome、Firefox三大浏览器进行了兼容测试,如果您使用的浏览器无法使用,请考虑更换浏览器或者联系我进行脚本定制
- 如果在上述三大平台内无法使用,请尝试多次刷新页面。如仍不可用,建议更换/重启/重装浏览器。如仍不可用,联系本人远程解决。
- 使用脚本前建议把代理关了,不然速度相对会慢一些。
- 如果觉得脚本不错,请给我一个免费的Star!
- 如果您无法使用脚本的功能,请在github里给我提issue!
- 脚本的安装
使用说明:
本脚本目前覆盖了描述中的7大主流技术博客网站。每个网站的博客页面都加了一个文章转PDF的按钮。为了美观以及网页整体效果的呈现,每个网站所加按钮的位置和样式都不相同,但都很显眼,并且用户只需点击按钮即可实现博客内容转PDF的功能。
下面分别介绍文章转PDF的按钮在各大网站博文网页的具体位置:
1. 知乎
知乎的博文有两种形式,第一种是文章详情页;第二种是话题讨论的回答。对于这两种博文,均实现了文章转PDF的功能:
1.1 文章详情页
文章转PDF按钮的位置如下图所示:

点击按钮即可调出转PDF,第一次使用时记得在弹出窗口设置为另存为PDF,如果不想要页眉页脚,也请手动勾选。
1.2 讨论回答
讨论回答页面的文章转DPF按钮的位置如下图所示:

先点击文章转PDF的蓝色按钮,所有的讨论就都会加上文章转PDF的标签,点击标签即可调起具体文章的转换功能。
2. CSDN
文章转PDF按钮的位置如下图所示:

3. 博客园
博客园的网页排版有多种方式,针对每一种,本人都加了不影响美观的文章转PDF按钮。下面放几个示意图,如果用户打开的网页不是下面几种方式,可以据此类推:

4. 掘金
文章转PDF按钮的位置如下图所示:

5. 开源中国
开源中国的博文主要在两个地方:1.具体博客 2.问答
具体博客的文章转PDF按钮位置如下图所示:

问答的文章转PDF按钮位置如下图所示:
6. 思否
文章转PDF按钮的位置如下图所示:
7. 简书
文章转PDF按钮的位置如下图所示:
脚本安装:
1. 安装脚本管理器 Tampermonkey 或暴力猴
安装成功后浏览器扩展栏将出现

2. 安装 网页文章转PDF(网页局部区域打印)-适用于知乎/CSDN/简书/博客园/开源中国/掘金/思否
点击安装此脚本 安装地址
声明
本脚本仅供学习交流!!!不允许以任何目的将源码进行商业用途,否则追究法律责任!!!