美文网首页
不想安装浏览器插件?「小书签」能帮到你

不想安装浏览器插件?「小书签」能帮到你

作者: 优优卡 | 来源:发表于2018-10-31 11:06 被阅读0次

    手机里的app越来越多,时间也不由地被割分。不想被手机里太多的app偷去了时间,但是现实生活中没有app又会不方便。这个时候就需要对这个app有要求了,它要不仅要好用、齐全、更要对帮助到我们,下载app之前,来优优卡下载站,看看那些达人的分享,找到合适的应用推荐。

    强大的扩展体系,已经成为很多朋友评价一款浏览器好用程度的标准之一,不过如果安装了数量庞大的扩展,浏览器的启动速度会变得缓慢,运行时占用较多的系统资源。其实,很多操作无需动用额外的第三方扩展,使用「小书签」(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. 将上面的代码保存到书签里即可完成创建「小书签」。

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

    Bookmarklets(历史久远,注意食用) Jesse’s Bookmarklets Site (历史久远,注意食用)

    100+ Useful Bookmarklets For Better Productivity | Ultimate List

    Bookmarklets 「小书签」,各种神奇的作用Bookmarklet – 「小书签」,实用浏览器小工具补完 各种实用「小书签」推荐

    下面,我收集了 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 后即可快速打开对应的「小书签」,将当前网页生成好看的二维码。

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

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

    相关文章

      网友评论

          本文标题:不想安装浏览器插件?「小书签」能帮到你

          本文链接:https://www.haomeiwen.com/subject/jwnotqtx.html