各种骚操作，中文网最全 Bookmarklet 小书签

参考资料

除了奶酪原创、修复的小书签，其它收集的小书签主要来自以下网站，特别感谢他们的创作！

1. Bookmarklet - Wikipedia
2. Jesse's Bookmarklets Site
3. BOOKMARKLETS
4. 4umi Bookmarklets Masterlist
5. Bookmarklets - Browser Power
6. General-Use Bookmarklets – WorldTimZone
7. Bookmarklets tools
8. JavaScript FAQ - Home Page
9. Bookmarklets
10. CyberNotes: The Best Bookmarklets for your Browser!
11. CyberNotes: Best Bookmarklets and Favelets Part 2
12. Bookmarklets - Codebox Software
13. flawpc (flawpc)
14. micmro/performance-bookmarklet
15. 小众软件 Bookmarklet.
16. 一键为当前页面添加 TOC（页面内快速导航） 稻米鼠的频道
17. 链接地址洗白白 | Link-cleaner by 稻米鼠
18. Mobile Perf bookmarklet
19. Bookmarklets
20. Slightly Evil JavaScript - Codebox Software
21. User:JesseW/BookmarkletsUniversal - Wikipedia
22. "Edit this page" bookmarklet
23. Sentence Length Colorization | CSS-Tricks - CSS-Tricks
24. 6 Useful Bookmarklets to Boost Web Development | CSS-Tricks - CSS-Tricks
25. A few of my bookmarklets | myByways
26. readability – anoved.net
27. https://anoved.github.io/mcreadability/
28. http://readable.tastefulwords.com/
29. https://rdbl.us/
30. http://tomhodgins.github.io/dragon/
31. zesardine/bookmarklets: A collection of bookmarklets I coded
32. Bookmarklets, history, exported bookmarks, extensions for Chrome & Firefox (2020-08-17)

了解小书签

什么是小书签？

小书签的英文名 Bookmarklet，是由 Bookmark（书签） 和 Applet（小程序）组合而来，叫做“书签小程序”。

1、从形式上来看

小书签的本质就是书签。

它是由 Javascript 的作者 Brendan Eich 特意设计。

可以将一段带有特定功能的 JavaScript 代码保存在收藏夹里，需要的时候，点击就可以实现这段代码的功能。

也就是说，小书签其实和一般的书签一样，都是书签。

而 http: 这样的前缀，其实是浏览器协议。

它的作用是告诉浏览器接下来要做什么，比如还有 https:、ftp:、file:、mailto:、ed2k:、magnet: 等诸多协议。

它们都可以保存到“书签”，点击就会执行相应的命令。

2、从作用上来看

小书签的本质是 JavaScript 脚本。

小书签，其实可以看作是一个独立的、原生的、简单的脚本或者扩展。

扩展的优势在于有良好的交互界面，脚本的优势在于可以自动运行，而小书签的优势则是“没有冗余设计”。

就好比用户想要吃“黄瓜”，扩展给的是“黄瓜炒肉”，油猴脚本给的是“凉拌黄瓜”，而小书签给的就是“生黄瓜”。

因此，扩展安装多了，就会占用较多的内存资源，油猴脚本安装多了，也会影响浏览器速度。

而小书签完全不会有影响。

使用小书签

有了小书签只是第一步，真正让小书签从“鸡肋”变成“神器”的，是它的使用方法。

一、点击调用小书签

第一种方法最直观，就是将 javascript: 开头的链接，拖入到浏览器书签工具栏，然后点击运行。

二、关键字调用小书签

第二种方法，是给小书签添加关键字。

Firefox 可以使用快捷键 Ctrl+Shift+O 打开“书签管理器”，然后给小书签直接添加“关键字”。

Chrome / Edge 等浏览器，则需要将小书签保存到“搜索引擎”里，然后添加相应的关键字。

添加后，在地址栏里输入关键字，那么就会调用小书签。

PS：如果你的 Firefox 设置了地址栏链接在新标签页打开，那么需要按住 Alt 键（Mac 用 Cmd 键）点击启用。

三、快捷键调用小书签

真正让小书签使用体验拉满的方式是快捷键。

ShortKeys 是一款快捷键扩展 ，它除了可以给浏览器的各项功能增加快捷键，还可以通过快捷键调用小书签。

它的工作原理很巧妙，就是模拟点击某个书签。

也正是因为这个原因，即使你有再多的小书签，也丝毫不会影响浏览器速度。

你可以在扩展的“设置页面”里指定小书签的快捷键。

但如果你书签数量很多，那么书签就不那么容易选择指定了，更好的方法是通过代码指令导入。

添加一个小书签快捷键：

{"key":"a a a","label":"aaaa","bookmark":"aaaa","action":"openbookmark","sites":"","sitesArray":[""]}

添加多个小书签快捷键：

[
{"key":"a a a","label":"aaaa","bookmark":"aaaa","action":"openbookmark","sites":"","sitesArray":[""]},
{"key":"b b b","label":"bbbb","bookmark":"bbbb","action":"openbookmark","sites":"","sitesArray":[""]},
{"key":"c c c","label":"cccc","bookmark":"cccc","action":"openbookmark","sites":"","sitesArray":[""]}
]

注意事项：

1、key 是小书签的快捷键，label 和 bookmark 是小书签的名称，其它的不用修改。

2、key、label 和 bookmark 的值，结尾不要有空格，空格会导致调用失效。

3、如果有两个小书签使用了一样的名字，那么只有一个会被执行。

4、如果快捷键同时有 bg 和 bgg，那么 bgg 不会被执行。

5、最后一行的 [""]} 处，不能有逗号。

四、兼容性问题

以上小书签，使用扩展 Shortkeys，在 Chrome 浏览器上调用都没有问题。

但在 Firefox 上，一些小书签无法调用，目前已知的小书签包括：as、hv、vv、iii、iib、lll 等。

解决的方法是使用“Run JavaScript”来调用。

也就是将小书签的代码，粘贴到“JavaScript Code”输入框里。

不过，还需要将小书签的代码还原为最原始的状态，可以借助 https://tool.oschina.net/encode?type=4 来完成。

之后就可以正常调用了。

部分小书签使用演示

1、添加到剪贴板（xx）

这个小书签可以让你复制网页里的多个功能，然后在剪贴板里用 | 隔开来。

使用时，Firefox 需要打开 about:config，将 dom.events.testing.asyncClipboard 设置为 false。

而 Chrome 则需要在右上解点击允许复制。

2、油猴脚本下载（gf）

曾经有一个可以显示当前网站可用油猴脚本的脚本，叫“Userscript+”。

但其实它的效果并不好，因为这个脚本非常大，肯定会拖慢网页加载速度，所以作者后续也删除了这个脚本。

其实用小书签可以一键查询，效果也一样。

3、各种封面下载（CB）

如果想下载 U2B、B站、公众号的封面，其实不用安装脚本，也不用到各种网站上去提取，小书签也能一键下载。

快捷键分别为大写的 CY CB CW。

也就是 Cover for Youtube，Cover for Bilibili，Cover for Weixin 的简写。

4、编辑当前网页（ed）

眼见不一定为真，截图也一样，这个小书签很能证明这一点。

5、解除网页限制（re）

这个功能可能是呼声最高的一个小书签了。

不需要任何扩展，不需要任何脚本，小书签也一样能完成，而且效果可能更好。

6、小窗打开网页（pp）

浏览器的“画中画”功能不支持弹幕，想要支持弹幕需要安装比如 Popup Window 这样的扩展。

小书签“小窗打开网页”也可以实现同样的功能。

至于“置顶播放”的问题，可以使用鼠标手势软件 Mouseinc 划 M 型来置顶窗口。

如果你是 Firefox 用户，

使用“小窗打开网页”无法使用，弹出的是标签页，而不是小窗口的话。

需要打开 about:config，将 browser.link.open_newwindow.restriction 修改为 2。

同时在 user.js 里也需要将该设置修改为 2。

7、复制网页地址（cc）

在复制地址栏链接时，如果出现 26 个英文字母之外的字符，那么链接就会被转义为 %20 之类的“乱码”。

使用快捷键 cc，不但可以一键复制，而且还能保持原链接。

8、百度小窗搜索（bb）

平时在看视频时，如果想搜索某个关键词，使用地址栏搜索，则必然会打断当前进度。

选中文字，使用快捷键 bb，则会以小窗口的形式来搜索。

而如果要关闭窗口的话，使用鼠标手势划 L 形，则可一键关闭。

9、网页语言转中文（cn）

一些网站提供了多种语言可选。

而如果默认选择的时英文的话，使用快捷键 cn，则可将其转到中文站点，使用快捷键 en，则会转到英文站点。

10、打开选中链接（ol）

一键打开网页中的“多个链接”，一直是一个难题。

扩展 Snaplink Plus 可以实现，但它却在 Chrome 商店下架了，而小书签的实现方法更简单。

只需要选中需要打开的链接，再按下快捷键 ol，即可一键打开选中链接。

导入奶酪小书签及配置

一、下载奶酪小书签

导入奶酪已经设置好小书签及配置。

一是在奶酪 公众号 回复关键字 i07 获取奶酪精心设计的 html 小书签，然后导入浏览器，任意位置均可。

二是在扩展 Shortkeks 设置里导入以下代码。

Chrome / Edge 等浏览器：Shortkeys.txt
Firefox 浏览器：Shortkeys_Firefox.txt
HTML 小书签：https://www.lanzouh.com/b07mkuw9g

复制上面链接的代码，导入。

注意1：导入快捷键后，还需要将第一行的空行删除，否则无法调用。

注意2：导入快捷键后，需要刷新网页，快捷键才会生效。

二、快捷键思路

奶酪的快捷键设置思路是：

1、使用单键连续点击。

快捷键的设置，我选择了单键连续点击，可以在防止误触的同时，以最快的速度调用小书签。

比如快捷键 qr，就是依次按下 q 和 r 键。

区分大小写，大写的快捷键，也就是按住 Shift 键点击，通常是这个小书签的备用选项。

2、快捷键为英文或拼音。

快捷键的字母，我选择了小书签功能的英文或拼音，比如 qr 就是 qr code 的缩写，具体可以看列表清单。

三、注意事项

1、在浏览器内建页上无法使用。

包括“新标签页”在内的所有浏览器内建页，无法通过快捷键的方法调用小书签。

2、当聚焦点在输入框时无法使用。

这时可以按下 Tab 键，将聚焦点移出输入框后即可使用。

3、如果网页自带快捷键，那么也不会优先启用。

B站、U2B、GitHub 等网站，本身自带了快捷键，这时快捷键不会被优先启用。

4、一些小书签在 CSP 网站上无法启用。

如果网站开启了 CSP 内容安全策略，比如知乎、GitHub 等网站，那么调用了第三方脚本的小书签也将无法使用。

比如“阅读模式”小书签就调用了第三方脚本。

四、已知问题

Edge 浏览器在导入书签时，会将同一文件夹下相同的书签合并，导致原来的分隔线丢失。

解决方法是，先在 Chrome 浏览器里导入书签。

便携版：https://www.lanzoui.com/b0ufru1i

然后，将 Chrome 浏览器配置文件夹下的 Bookmarks 文件，覆盖到 Edge 配置文件夹下的同名文件即可。

注意：一定要备份 Edge 浏览器的 Bookmarks 文件。

项目开源

很惭愧，就是做了一点微小的工作。

奶酪的三个“微小的工作”，可能会让这项远古神迹，在中文互联网将“再次伟大”。

工作一、最全小书签

奶酪的「小书签」维护，是从 2014 年开始的。

此后有 11 次更新，然后每次更新都会集成在奶酪的“定制版浏览器”里，而这一次的更新“更是重量级”。

奶酪原创、修复和收集的小书签，总计将近 300 个，中文网最全，没有之一。

这让小书签的可用性，从 0 到 1，实现了从无到有的突破。

工作二、形象化小书签

同时，奶酪还给每个小书签都加上了图标。

这样一来，每个小书签就从原来的“一串代码”，变成了视觉化的、可记忆的、而且还是易于理解的工具。

你可以在奶酪 公众号 回复关键字 i07 获取奶酪精心设计的 html 小书签，然后导入浏览器。

这让小书签的易用性，从 1 到 10 实现了指数级提升。

工作三、快捷调用小书签

而奶酪的第三个工作，是找到了真正快捷的小书签调用方式。

ShortKeys 这款快捷键扩展 ，可以让我们以最快的速度调用小书签，而且丝毫不会影响浏览器速度。

比如快捷键 qr，就是依次按下 q 和 r 键。

这让小书签的可及性，从 10 直接彪升至 100，使用体验直接拉满。

项目开源

此外，本项目已在 GitHub 上开源分享，引用和转载，注明作者和出处即可。

地址：https://github.com/runningcheese/Awesome-Bookmarklets