MENU

小书签大妙用 - 浏览器玩转指南

越来越多的浏览器已经支持扩展插件或自定义脚本功能了,安装合适的扩展插件,已经成为很多朋友初用一款浏览器前必设置项之一,这直接影响日后浏览器使用体验。其实,很多常见的功能操作无需额外的第三方扩展也可以完美实现,使用浏览器收藏夹「书签」即可。比如 复制 Cookies 、二维码生成、短网址 ....「小书签」是一段带有特定功能的 JavaScript 代码,放置于浏览器的书签栏或收藏夹,当用户点击这个「小书签」就会执行这段代码而实现对应功能。

概论

使用「小书签」有何优势?

与浏览器扩展插件相比「小书签」:

  • 放置于书签栏或收藏夹任意文件夹内,更好分类
  • 支持随意编辑标题,简便好找,更能使用地址栏搜索
  • 无需额外的安装过程,不会占用系统资源
  • 支持几乎所有现代浏览器,无法安装插件的也能用

如何添加「小书签」?

添加「小书签」共有两种方式,如果网站直接提供了「小书签」按钮,直接将按钮拖放至书签栏即可,添加后可移动至收藏夹书签栏其它文件夹或编辑标题。如浏览器不支持拖拽,也可复制 JavaScript 代码手动添加,与添加网址新书签不同的是,网址栏填入复制 JavaScript 代码。

如何使用「小书签」?

和正常的访问书签网站一样,在需要使用「小书签」的网页,点击书签栏或收藏夹中的「小书签」书签项即可,如果找不到,可以直接在地址栏输入「小书签」标题,直接点击带 ★ 的结果即可!

如何获得「小书签」代码?

「小书签」本质是在网页中手动点击或自动加载 JavaScript 代码,程序猿可以自行动手编写 JavaScript 代码,小白们可以利用一些网站提供的 API 接口动手创建「小书签」,也可以直接使用大佬分享的,当然本页也提供了一些可用的代码!

代码示例

获取 Cookies

在 JavaScript 中变量 document.cookie 的值就是我们要的 Cookies 内容,一般我们获取它的值并不是查看而是复制,为了方便复制,可以让浏览器弹出一个输入框,而输入框的内容就是 Cookies 文本,也就有了下方的代码:

prompt("获取的 Cookies 内容:",document.cookie);

由于「小书签」是放在收藏夹中的,需要让浏览器知道这是一个 JavaScript 代码而非普通的网址链接,在代码前面加上 javascript: 即可(就像按钮单击事件一样):

javascript:prompt("获取的 Cookies 内容:",document.cookie);

接下来只需要把代码手动保存添加到书签中,这样一个获取 Cookies 并能复制的「小书签」就做好啦!当然你也可以直接拖拽下方的按钮至书签栏:

获取 Cookies

万能命令

万能命令是一个在线工具快捷跳转平台,将各种高质量的在线工具按应用站点聚合起来,让你以方便快捷好记的方式寻找和使用网页型在线工具。

完整代码如下,简单来说就是获取到当前页面网址 document.location.href ,在其前面加上一个链接,访问新的网址链接:

javascript:(function(){window.open("https://wanneng.run/f/#"+document.location.href)})()

完整代码过于复杂可能在部分浏览器中无法达到预期效果,建议使用 URL 在线转码工具对 JavaScript 代码转黄一下。

万能命令

注意事项

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

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

推荐

几个可以获取「小书签」的网站:


加入 QQ群 与小伙伴一起玩耍!

返回文章列表 文章二维码 打赏
本页链接的二维码
打赏二维码