查看原文
其他

宣布了,让浏览器小书签再次伟大,MBGA!

奔跑中的奶酪 奔跑中的奶酪 2022-07-09



终于!

筹备了两年,拖更 12 天的大项目,终于来了!

现在,我很骄傲的宣布。

小书签将“再次伟大”!

Make Bookmarklet Great Again!



01


了解小书签


首先,什么是小书签?

小书签的英文名 Bookmarklet

是由 Bookmark(书签) 和 Applet(小程序)组合而来,叫做“书签小程序”


1、从形式上来看


小书签的本质就是书签

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

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

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


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

它的作用是告诉浏览器接下来要做什么。

比如还有 https:、ftp:、file:、mailto:、ed2k:、magnet: 等诸多协议。

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



2、从作用上来看


小书签的本质是 JavaScript 脚本。

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

扩展的优势在于有良好的交互界面,脚本的优势在于可以自动运行

而小书签的优势则是“没有冗余设计”。


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

而小书签给的就是“生黄瓜”。

因此,扩展安装多了,会占用较多的内存资源。

脚本安装多了,也会影响浏览器速度。

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




02


最全小书签


很多情况下,我们完全可以用小书签来代替油猴和扩展

甚至,还可以利用小书签完成一些油猴和扩展不能完成的功能


1、最全小书签


下面是奶酪原创、修复和收集的小书签,总计超过 300 多个,中文网最全,没有之一。

地址:
https://www.runningcheese.com/bookmarklets
或者:
https://www.runningcheese.com/i07



2、小书签形象化


除了给小书签分类,我还给每一个小书签都添加了图标

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


你可以回复关键字
i07 获取,然后导入你的浏览器。

PS:必须是奶酪提供的 html 文件才会有图标。

同时,如果你导入浏览器,然后再导出,那么图标也会失效。





03


调用小书签


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


1、点击调用小书签


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



2、关键字调用小书签


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

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


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


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


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


3、快捷键调用小书签


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

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 是小书签的快捷键labelbookmark 是小书签的名称,其它的不用修改。

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

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




04


奶酪版配置下载


你还可以一键导入奶酪已经设置好的配置。

一是回复关键字 i07 获取奶酪精心设计的 html 小书签,然后导入。

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

https://fastly.jsdelivr.net/gh/runningcheese/RunningCheese-Firefox/Restore/Shortkeys.txt


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


1、使用单键连续点击。

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

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


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


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

快捷键的字母,我选择了小书签功能的英文或拼音,比如 qr 就是 qr code 的缩写。

具体可以看列表清单。



注意事项:

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

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

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

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

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

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

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

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

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

5、一些小书签,在 Chrome 浏览器调没问题,但在 Firefox 上无法调用。

目前已知的小书签包括:as、hv、vv、iii、lll 等。

替代方案是使用上面的“关键字”方法来调用。




结尾


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

一是制作收集小书签。

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

二是形象化小书签。

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

三是快捷调用小书签。

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

这项远古神技,能否在中文互联网上“再次伟大”。

点赞超过 666,在奶酪这里,就算是成功啦!


回复关键字
i
查看本系列的所有文章,
回复关键字
 i07
获取本文提到的所有资源

近期文章:


专栏介绍:



看完文章:

1、点在看,帮助更多的人看到这篇文章。
2、写留言,对文章进行评论,我会尽可能回复。
3、点关注,关注我并星标,第一时间获取更新。


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存