无需安装,浏览器自带增强功能 — 「小书签」

9 min


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

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

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

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

如何添加「小书签」

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

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

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

无需安装,浏览器自带增强功能 — 「小书签」 (1)

延伸阅读:Bookmarklet 编写指南

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

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

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

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

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

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

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

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

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

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

各种实用「小书签」推荐

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

阅读类

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

无需安装,浏览器自带增强功能 — 「小书签」 (2)

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

无需安装,浏览器自带增强功能 — 「小书签」 (3)

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

无需安装,浏览器自带增强功能 — 「小书签」 (4)

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

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

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

无需安装,浏览器自带增强功能 — 「小书签」 (5)

搜索类

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

无需安装,浏览器自带增强功能 — 「小书签」 (6)

百度站内搜索:同上

无需安装,浏览器自带增强功能 — 「小书签」 (7)

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

无需安装,浏览器自带增强功能 — 「小书签」 (8)

分享类

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

无需安装,浏览器自带增强功能 — 「小书签」 (9)

收藏到 OneNote:同上。

无需安装,浏览器自带增强功能 — 「小书签」 (10)

网页简体转为繁体:如题

网页繁体转为简体:如题

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

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

其他类

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

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

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

「小书签」的安全性

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

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

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

如何高效使用「小书签」

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

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

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


Originally published at sspai.com.


What's Your Reaction?

喜欢 喜欢
0
喜欢
不喜欢 不喜欢
0
不喜欢
路过 路过
0
路过
安排了 安排了
0
安排了
厉害了 厉害了
0
厉害了
Diss Diss
0
Diss
怕不怕 怕不怕
0
怕不怕
不可描述 不可描述
0
不可描述
wtf wtf
0
wtf
Choose A Format
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Open List
Submit your own item and vote up for the best submission
Video
Youtube, Vimeo or Vine Embeds