各种骚操作,中文网最全 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. 求助:复制网页文字后自动增加网页来源? - 问题求助 - 小众软件官方论坛
  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 代码保存在收藏夹里,需要的时候,点击就可以实现这段代码的功能。

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

i07_浏览器书签

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

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

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

i07_浏览器协议

2、从作用上来看

小书签的本质是 JavaScript 脚本。

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

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

i07_黄瓜png

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

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

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

使用小书签

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

一、点击调用小书签

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

i07_拖入书签工具栏

二、关键字调用小书签

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

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

i07_关键字Firefox

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

i07_关键字Chrome

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

i07_关键字Firefox

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

三、快捷键调用小书签

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

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

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

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

i07_快捷键调用

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

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

i07_自定义快捷键

添加一个小书签快捷键:

{"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”来调用。

i07_快捷键调用

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

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

i07_快捷键调用

之后就可以正常调用了。

部分小书签使用演示

1、添加到剪贴板(xx)

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

i07_添加到剪贴板

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

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

2、油猴脚本下载(gf)

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

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

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

i07_油猴脚本下载

3、各种封面下载(CB)

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

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

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

i07_各种封面下载

4、编辑当前网页(ed)

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

2022-05-13 16.27.51

5、解除网页限制(re)

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

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

i07_解除网页限制

6、小窗打开网页(pp)

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

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

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

i07_小窗打开网页

如果你是 Firefox 用户,

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

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

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

7、复制网页地址(cc)

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

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

i07_复制网页地址

8、百度小窗搜索(bb)

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

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

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

i07_百度小窗搜索

9、网页语言转中文(cn)

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

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

i07_网页语言转中文

10、打开选中链接(ol)

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

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

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

i07_打开选中链接

导入奶酪小书签及配置

一、下载奶酪小书签

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

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

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

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

i07_奶酪版配置

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

i07_奶酪版配置

注意:导入快捷后,需要刷新网页,快捷键才会生效。

二、快捷键思路

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

1、使用单键连续点击。

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

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

i07_快捷键调用2

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

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

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

i07_快捷键调用3

三、注意事项

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

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

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

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

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

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

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

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

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

四、已知问题

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

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

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

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

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

about:version

项目开源

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

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

工作一、最全小书签

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

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

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

i07_最全小书签

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

工作二、形象化小书签

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

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

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

i07_最全小书签2

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

工作三、快捷调用小书签

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

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

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

i07_快捷键调用2

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

项目开源

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

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

链接汇总

http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fwww.squarefree.com%2Fbookmarklets%2F http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Fcaiorss.github.io%2Fbookmarklets.html http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2F4umi.com%2Fweb%2Fbookmarklet%2Fall.php%23Top http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Fsubsimple.com%2Fbookmarklets%2Findex.php http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fwww.worldtimzone.com%2Fbookmarklets%2F http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Fwww.piliapp.com%2Fbookmarklet%2F http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Fwww.javascripter.net%2Ffaq%2Findex.htm http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fsacha.me%2Fbookmarklets%2F http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Fcybernetnews.com%2Fcybernotes-the-best-bookmarklets-for-your-browser%2F http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Fcybernetnews.com%2Fcybernotes-best-bookmarklets-and-favelets-part-2%2F http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Fcodebox.org.uk%2Fpages%2Fbookmarklets http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fgithub.com%2Fflawpc http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fgithub.com%2Fmicmro%2Fperformance-bookmarklet http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fbookmarklet.appinn.me%2F http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fmeta.appinn.net%2Ft%2Ftopic%2F25812 http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fmeta.appinn.net%2Ft%2Ftopic%2F11507 http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fstevesouders.com%2Fmobileperf%2Fmobileperfbkm.php http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fbookmarklets.io%2F http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Fcodebox.org.uk%2Fpages%2Fmonkeyshine-javascript-practical-jokes http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FUser%3AJesseW%2FBookmarkletsUniversal http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fimpressive.net%2Fpeople%2Fgerald%2F2000%2F12%2Fedit-bookmarklet.html http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fcss-tricks.com%2Fsentence-length-colorization%2F http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fcss-tricks.com%2Fweb-development-bookmarklets%2F%23aa-activating-design-mode http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fmybyways.com%2Fblog%2Fa-few-of-my-bookmarklets http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fanoved.github.io%2Fmcreadability%2F http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fanoved.github.io%2Fmcreadability%2F https://anoved.github.io/mcreadability http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Freadable.tastefulwords.com%2F http://readable.tastefulwords.com http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Frdbl.us%2F https://rdbl.us http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Ftomhodgins.github.io%2Fdragon%2F http://tomhodgins.github.io/dragon http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fgithub.com%2Fzesardine%2Fbookmarklets http://iouyeah.com/addons/cms/go/index.html?url=http%3A%2F%2Fdmcritchie.mvps.org%2Fdolphin%2Flesson_from_newtab.htm https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlz86q5oj22a41fuqhr.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlz953o5j21hc0u0asv.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2e2e9kw3ij21hc0u01kx.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlzba9mfj225c1f6u0i.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlzbrif1j21ug16gx3o.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlzc9fdaj225c1f6qh0.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlzct24lj22621eq7nt.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlzdb9sjj225c1f6qm5.jpg https://tva1.sinaimg.cn/large/e6c9d24egy1h2g3aigyjdj21aa0u0whh.jpg https://tva1.sinaimg.cn/large/e6c9d24egy1h2g4ohca1gj219d0u044b.jpg http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Ftool.oschina.net%2Fencode%3Ftype%3D4 https://tool.oschina.net/encode?type=4 https://tva1.sinaimg.cn/large/e6c9d24egy1h2g5ph3z8ej219d0u0jxj.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h36k9c5e4lj228q1fw4qp.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h36k9i7wjvj228q1fw7tn.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h36k9mus84j228q1fwhdt.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h36k9rwoa4g221c1c4asd.gif https://tvax1.sinaimg.cn/large/7a6a15d5gy1h36k9vbu9ej228q1fwb2b.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h36k9ymd9vj228q1fwu0y.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h36ka3easbj228q1fwb29.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h36ka6hauej228q1fwe81.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h36kaat5s2j228q1fw7wh.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h36kadnau6j228q1fw7wh.jpg http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Ftva1.sinaimg.cn%2Flarge%2F7a6a15d5gy1fr3v1xxt8ej205k05kt8p.jpg http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Ffastly.jsdelivr.net%2Fgh%2Frunningcheese%2FRunningCheese-Firefox%2FRestore%2FShortkeys.txt http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Ffastly.jsdelivr.net%2Fgh%2Frunningcheese%2FRunningCheese-Firefox%2FRestore%2FShortkeys_Firefox.txt http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fwww.lanzouh.com%2Fb07mkuw9g https://www.lanzouh.com/b07mkuw9g https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlzeam6vj225c1f6qv5.jpg https://tva1.sinaimg.cn/large/e6c9d24egy1h2favyspzrj21aa0u0djj.jpg https://tva1.sinaimg.cn/large/e6c9d24egy1h2esdlcoepj219c0u00xs.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlzfhakuj225c1f6x3v.jpg http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fdeveloper.mozilla.org%2Fzh-CN%2Fdocs%2FWeb%2FHTTP%2FCSP http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fwww.lanzoui.com%2Fb0ufru1i https://www.lanzoui.com/b0ufru1i https://tvax1.sinaimg.cn/large/7a6a15d5gy1gu3ij9rtimj20v80j2am7.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlza7fmhj225c1f61ke.jpg http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Ftva1.sinaimg.cn%2Flarge%2F7a6a15d5gy1fr3v1xxt8ej205k05kt8p.jpg https://tvax1.sinaimg.cn/large/7a6a15d5gy1h2dlzaqqjnj225c1f6wob.jpg http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fgithub.com%2Fcrittermike%2Fshortkeys https://tva1.sinaimg.cn/large/e6c9d24egy1h2esdlcoepj219c0u00xs.jpg http://iouyeah.com/addons/cms/go/index.html?url=https%3A%2F%2Fgithub.com%2Frunningcheese%2FAwesome-Bookmarklets https://github.com/runningcheese/Awesome-Bookmarklets

点赞(0) 打赏

书签

技术

知识

立即下载

教程

导图

评论列表 0

暂无评论

发表评论 取消回复

桌面
浮点
分享
链接
快捷
记账
快捷
运动
热门
书签
菜单
显示
返回
顶部