大家好，我是搬砖小哥

在前期文章中，分享了一些api接口【点击跳转】，但每次使用需要进去后再粘贴之后访问才行，小哥发现了一种利用 书签 的方法可以让一些 以网址为参数值 的 api接口 得以快速调用

当书签设置好了后，方法 简化为:进入要处理的网页→输入关键词搜索书签并点击，之后即可进入api返回的页面，去除了复制，觉得大大提高了效率，十分方便，只需要一个 浏览器 即可使用

(注:手机带书签功能的浏览器均可使用，电脑端部分谷歌浏览器无法使用

以下为个人理解，也许并不规范，不喜勿喷)

『测试环境』

▼

浏览器：Chrome

设备：小米手机

『js书签』

▼

• js书签其实就是在普通书签上的地址栏中运行js代码，地址栏格式如下：

javascript:js代码语句

其中javascript: 为固定格式，告诉浏览器下面不是地址，而是js代码语句，让浏览器去运行它

• 调用api接口的js带代码语句格式：

api地址+？+参数键值列表

• 参数键值列表格式：

参数名1=参数值1&参数名2=参数值2...

(注：多个参数时中间用 & 连接)

• 以前面分享的短链接生成api为例，书签中地址的内容为：

  javascript:window.location='https://wn.run/short_url/sina.php?url='+location.href;

• 说明：

接口地址：https://wn.run/short_url/sina.php

参数名：url

参数值（当前页面地址）：location.href

当前页面：window.location

拼接符：+

赋值符：=

总括：将当前页面的地址作为参数值，与接口拼接，形成一个新的地址，之后将当前页面的地址设置为新地址

『创建并使用书签』

▼

• 第一步：随便打开一个页面（如 百度），保存为书签

• 第二步：编辑书签，添加名称（如 link）和地址（如 javascript:window.location='https://wn.run/short_url/sina.php?url='+location.href;），保存

• 第三步：进入相关页面（如 百度），输入关键词搜索书签，之后点击书签

• 看fu费视频的js书签地址示例：

  javascript:window.location='http://2gty.com/apiurl/yun.php?url='+location.href;

• 链接生成二维码的js书签示例：

  javascript:window.location='https://cli.im/api/qrcode/code?text='+location.href;

（注：大家可以替换api来实现一些功能，快快diy起来吧！）