强大的扩展体系,已经成为很多朋友评价一款浏览器好用程度的标准之一,不过如果安装了数量庞大的扩展,浏览器的启动速度会变得缓慢,运行时占用较多的系统资源。其实,很多操作无需动用额外的第三方扩展,使用「小书签」(Bookmarklet)即可为网页浏览增加一些特定的功能。

「小书签」与常用的网址收藏类似,同样被放置在书签栏里,它是一段带有特定功能的 JavaScript 代码,当用户点击这个「小书签」就会实现这段 JavaScript 代码的功能。利用「小书签」你可以快速实现多种功能,如:

  • 将网页保存到稍后读、笔记应用;
  • 快速生成二维码、短链接;
  • 高亮页面内关键词;
  • ……

与浏览器扩展插件相比,「小书签」无需额外的安装过程,自定义添加代码或者拖放至收藏夹完成添加,用户可以按需调用,减少后台占用系统资源。更为重要的一点,「小书签」在手机端同样适用,这对于无法安装插件的手机浏览器来说就显得更加实用。

在手机端快速生成二维码

如何添加「小书签」

添加「小书签」至浏览器的书签栏共有两种方式,一是如果网站直接提供了「小书签」按钮,那么我们将按钮直接拖放至书签栏,即可在收藏夹书签栏里看到生成了类似网站收藏的按钮。

拖拽添加「小书签」

二是手动添加「小书签」的方法,由用户自行添加「小书签」。以 Chrome 浏览器为例,在书签管理器中右键选择「添加新书签」,填写一个好记的名称,在网址栏填写获得的 JavaScript 代码,比如 Instapaper 官方提供将网页转化成简洁阅读版面的代码:

javascript:function iptxt(){var d=document;try{if(!d.body)throw(0);window.location='http://www.instapaper.com/text?u='+encodeURIComponent(d.location.href);}catch(e){alert('Please wait until the page has loaded.');}}iptxt();void(0)
手动添加「小书签」

延伸阅读:Bookmarklet 编写指南

如何发现实用的「小书签」

正如前面提到的,「小书签」本质是在网页中手动点击或自动加载 JavaScript 代码,(羡慕)程序猿可以自行动手创建编写代码,创建专属的「小书签」。但对于小白(写代码)用户来说,可以利用一些网站提供的 API 接口动手创建「小书签」,下面例子是创建一个将当前网页地址转换为短链接的「小书签」:

1. 利用国外知名短链接服务商 TinyURL 提供的 API 接口:http://tinyurl.com/create.php?url= ,结合 JavaScript 语法,得到 js 代码:

window.open('http://tinyurl.com/create.php?url=' + decodeURIComponent(gBrowser.currentURI.spec));

2. 「小书签」的特定格式是以 javascript: 开头的代码,结合上面的 js 得到的代码:

javascript: window.open('http://tinyurl.com/create.php?url=' + decodeURIComponent(gBrowser.currentURI.spec));

3. 使用 URL 在线转码工具 对第二步得到的 js 代码进行编码,得到了:

javascript:%20window.open('http://tinyurl.com/create.php?url='%20+%20decodeURIComponent(gBrowser.currentURI.spec));

4. 将上面的代码保存到书签里即可完成创建「小书签」。

另外,我们还可以参考一些专门收集「小书签」的站点和文章合辑,发现更多适合自己的实用「小书签」,比如下面的几个站点和文章链接:

各种实用「小书签」推荐

下面,我收集了 19 款使用的「小书签」,涵盖了阅读、搜索、分享、翻译等类别,请大家按需食用。这些「小书签」链接可以直接拖拽到书签栏使用,或是右键保存超链接地址,之后自行制作。

阅读类

Save to Instapaper:将网页保存至 Instapaper 稍后读条目里。

拖放添加 Save to Instapaper
Save to Instapaper

Instapaper Text:将网页转化成 Instapaper 阅读版式。

Instapaper Text

Save to Pocket:将网页保存至 Pocket 稍后读条目。

Save to Pocket

夜间模式 ①:本质是降低网页背景亮度,再次点击可取消夜间效果。

夜间模式,再次点击取消效果

夜间模式 ②:连续点击不断降低网页背景亮度,需手动刷新网页才能取消。

夜间模式,可连续变暗

高亮关键词:高亮显示网页查找的关键词。

高亮关键词

搜索类

Google 站内搜索:在弹出的输入框输入关键字跳转至 Google 搜索。

Google 站内搜索

百度站内搜索:同上

百度站内搜索

Google 缓存查询:一些网页不能打开或者删除后,使用 Google 缓存查询功能可再次尝试打开网页。

Google 缓存查询

分享类

收藏到有道云笔记:将网页内容保存至有道云笔记。

收藏到有道云笔记

收藏到 OneNote:同上。

收藏到 OneNote

翻译类

网页简体转为繁体:如题

简体 👉 繁体

网页繁体转为简体:如题

繁体 👉 简体

Google 全文翻译: 使用 Google 翻译实现网页全文翻译。

请输入图片标题

Google 选词翻译:选定文本后翻译成中文。

Google 选词翻译

其他类

生成二维码:为当前网页生成二维码(使用 QR code API 服务)。

为少数派网站生成二维码

生成短链接:生成当前网页地址的短链接(使用 TinyURL API 服务)。

少数派网站生成短链接

查询商品历史价格走势:使用购物党查询商品的历史价格走势。

「小书签」的安全性

「小书签」本质是运行一段 JavaScript 代码,如果用户在不了解代码究竟提供了哪些功能,容易让「小书签」成为恶意代码的温床。比如「小书签」是一段可以获取 cookie 信息并发送给攻击者的 JavaScript 代码,用户将「小书签」添加到书签栏里,点击运行后 cookie 信息就会被恶意获取。

所以对于用户来说,不要随意添加第三方书签,尽量使用网络服务商提供的「小书签」,明确导入的「小书签」究竟提供了哪些功能。

延伸阅读:BadBookmarklet | 腾讯安全玄武实验室

如何高效使用「小书签」

最后,我们通过设置关键字和快捷键的方式快速调用「小书签」,进一步提升使用「小书签」的效率。Firefox 浏览器支持对书签设置关键词,这样设置简短好记的关键字实现快速打开「小书签」的目的。

比如网页生成 QR 二维码,在「小书签」属性页面的关键词,输入 QR,点击保存后,以后我们只需要在浏览器地址栏直接输入 QR 后即可快速打开对应的「小书签」,将当前网页生成好看的二维码。

设置关键词快速打开「小书签」

同时,欢迎大家在评论区留下还有哪些私藏好用的「小书签」。