各种骚操作，中文网最全 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 脚本。

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

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

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

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

而且，不同扩展和脚本之间，还会有不兼容和相互打架的问题。

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

小书签演示

下面是部分小书签的演示说明，具体可看表格说明。

1、生成二维码（qr）

这个小书签可以让你一键生成当前网页的二维码，而且是本地生成，零延迟。

2、油猴脚本下载（gf）

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

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

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

3、各种封面下载（CB）

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

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

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

4、编辑当前网页（ed）

眼见不一定为真，截图也一样，这个小书签很能证明这一点。开启小书签后即可任意编辑网页。

5、解除网页限制（re）

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

不需要任何扩展，不需要任何脚本，小书签也一样能解除网页限制，而且效果更好。

如果是一些顽固的网页，则可以用“解除CSP限制”的方法，快捷键 RE（大写），也就是按住 Shift 键按 re 键。

两个小书签配合使用，能解决几乎 100% 的网页限制问题。

6、弹窗打开视频（pp）

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

小书签“弹窗打开视频”也可以实现同样的功能。

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

7、复制网页Markdown（cc）

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

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

8、百度边栏搜索（bb）

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

使用快捷键 bb，则可以在侧边栏里进行搜索。

这里有三种情形。

一是，如果输入的是网页链接，那么就会在侧边栏打开该网页。

二是，如果输入的是文字内容，那么就会在侧边栏打开百度搜索。

三是，不输入任何内容，直接按回车，那么打开的就是当前网页。

使用小书签

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

一、点击调用小书签

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

二、关键字调用小书签

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

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

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

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

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

三、快捷键调用小书签

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

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

它的工作原理很巧妙。

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

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

四、添加快捷键

如果你还想用更快的方法来给小书签添加快捷键，那么可以用通过代码指令来导入。

添加一个小书签快捷键：

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

添加多个小书签快捷键：

[
{"key":"a a","label":"aaaa","bookmark":"aaaa","action":"openbookmark","sites":"","sitesArray":[""]},
{"key":"b b","label":"bbbb","bookmark":"bbbb","action":"openbookmark","sites":"","sitesArray":[""]},
{"key":"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 来完成。

之后就可以正常调用了。

导入小书签

首先，你可以使用奶酪定制的浏览器 Firefox、Chrome、Edge 等浏览器，所有配置均已集成，你可以一键使用。

如果是导入你的浏览器，那看下面的内容。

一、下载奶酪小书签

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

你可以下载奶酪精心制作的 html 小书签，导入浏览器，然后在扩展 Shortkeys 设置页面导入以下配置。

HTML 小书签：https://www.lanzouo.com/b07mkuw9g

Chrome / Edge 等浏览器扩展：Shortkeys
Chrome / Edge 等浏览器配置：Shortkeys_Chrome.txt

Firefox 浏览器扩展：Shortkeys
Firefox 浏览器配置：Shortkeys_Firefox.txt

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

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

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

二、快捷键思路

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

1、使用单键连续点击。

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

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

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

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

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

三、注意事项

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

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

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

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

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

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

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

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

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

项目开源

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

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

工作一、最全小书签

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

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

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

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

工作二、形象化小书签

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

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

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

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

工作三、快捷调用小书签

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

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

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

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

项目开源

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

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