奔跑中的奶酪

各种骚操作,中文网最全 Bookmarklet 小书签

最全小书签清单,没有之一。

各种骚操作,中文网最全 Bookmarklet 小书签

常用小书签

名称 简介 快捷键
生成二维码 生成网页二维码。(当前标签页打开) 👍 qrQR Cdoe
生成二维码图片 生成网页二维码。(新建标签页打开)(上面那个无法使用时,可以用这个) QRQR Cdoe(按住 Shift 键点击)
解码 URI 内容 解码 URI 内容。 dcDeCode
编码 URI 内容 编码 URI 内容。 ecEnCode
───────
添加到剪贴板 可连续选择复制多个内容到剪贴板。👍 ⚠️Firefox 需要打开 about:config,搜索 dom.events.testing.asyncClipboard,然后设置为 true。 xxXlipboard
添加复制来源 添加复制来源到剪贴板。 frFrom
博客一键留言 预设留言,然后可以在博客网站上一键留言。 [测试网页] 👍 wbcWordpress Blog Comment
购物党比价 如题。[测试网页] bjBi Jia
───────
查看下载资源 列出当前网页可下载资源。[测试网页] 👍 dlDownLoad
谷歌扩展下载 一比一代理下载 Chrome 官方商店的扩展。[详细介绍] 👍 csscrxsoso.com
油猴脚本下载 查看当前网站可用的 Greasyfork 油猴脚本。 gfGreasyFork
───────
U2B 封面下载 下载 U2B 视频的封面。[测试网页] 👍 CYCover Youtube
Bilibili 封面下载 下载 Bilibili 视频的封面。[测试网页] 👍 CBCover Bilibili
公众号封面下载 下载微信公众号文章的封面。[测试网页] 👍 CWCover Weixin
───────
视频解析下载 1 可一键下载,但支持的分辨率不高。[测试网页] dvDownload Video
视频解析下载 2 需要手动粘贴网址(已自动复制),支持 1080P。[测试网页] DVDownload Video(按住 Shift 键点击)
───────
VIP 视频解析 1 主流视频网站都支持。[测试网页] vipVIP
VIP 视频解析 2 主流视频网站都支持。[测试网页] VIPVIP(按住 Shift 键点击)
───────
编辑当前网页 对当前网页进行编辑,按 Esc 可取消编辑状态。 👍 edEdit Webpage
解除网页限制 取消网页“选择复制”和“右键菜单”等所有限制。[测试网页] 👍 reRemove Restrictions
网页剪切工具 可手动选择删除网页中的某个元素。👍 clClipping Webpage
网页打印工具 可在打印网页前进行编辑,支持 html 和 pdf 格式。👍 prPrint Webpage
小窗打开网页 将网页在小窗口中打开,使用辅助工具还可将其置顶。👍 ooOpen Windows
弹窗打开视频 将视频在小窗口中打开,使用辅助工具还可将其置顶。👍 ppPopup Video
───────
复制网页地址 如题。不会将链接里的中文转化为乱码。[测试网页] 👍 ccCopy
复制网页 MD 如题。(用扩展的实现方式更好,支持复制所有标签页,快捷键 alt+c --
───────
网页快照查询 同时查询多个搜索引擎的快照。👍 wcWebpage Cache
网页存档查询 archive.org 网页时光机。▲ waWebpage Archive
存档当前网页 1 archive.org 存档当前网页。▲ awArchive Webpage
───────
自动滚屏 Esc 停止,按方向键左减速,按方向键右加速。👍 asAuto Scroll
自动刷新 设置数值后自动刷新网页,60 为 60 秒。👍 ⚠️Firefox 浏览器无法直接调用,替代方案参考《使用小书签》篇 arAuto Refresh
───────
护眼模式 减低网页亮度,再次点击取消。👍 ⚠️Chrome 浏览器调用不正确 nnNight Mode
纸墨模式 将背景颜色修改为书信报纸的颜色。👍 paPaper Mode
黑夜模式 进入网页的黑夜模式,适配率很高。👍 daDark Mode
仿生学阅读 通过给一些单词的前几个字母加粗,来引导快速阅读。👍 [测试网页] brBionic Reading
长句着色阅读 对文章长句进行着色处理。👍 [测试网页](仅适用于英文阅读) crColor Reading
───────
垂直分屏模式 输入链接进行垂直分屏模式,不输入则自动选择为当前网页。👍 ⚠️Firefox 浏览器无法直接调用,替代方案参考《使用小书签》篇 vvVertical View
水平分屏模式 输入链接进行水平分屏模式,不输入则自动选择为当前网页。👍 ⚠️Firefox 浏览器无法直接调用,替代方案参考《使用小书签》篇 hvHhorizontal View
───────
朗读选中文字 类似 Edge 浏览器的大声朗读功能,需要选择对应的语言。👍 vrVoice Reader
───────
使用衬线字体 如题。 fonFont
使用无衬线字体 如题。 FONFont(按住 Shift 键点击)
───────
百度站内搜索 如题。 biBaidu Internal Site Search
百度当前网页 使用百度搜索当前网页链接。 blBaidu Search Links
百度小窗搜索 在右侧小窗口中搜索选中关键字。👍 bbBaidu Search
谷歌站内搜索 如题。 giGoogle Internal Site Search
谷歌当前网页 使用谷歌搜索当前网页链接。 glGoogle Search Links
谷歌小窗搜索 在右侧小窗口中搜索选中关键字。👍 ggGoogle Search
───────
网页简体转换 将网页转换为简体中文。👍 scSimplified Chinese
网页繁体转换 将网页转换为繁体中文。 tcTraditional Chinese
───────
网页语言转中文 将网站的语言优先选择为中文。[测试网页] 👍 cnChinese First
网页语言转英文 将网站的语言优先选择为英文。[测试网页] 👍 enEnglish First
───────
百度网页翻译 在新标签页打开翻译页面。 bfBaidu Fanyi
彩云双语翻译 好用的中文英文双语翻译。👍 cyCaiYun Fanyi
谷歌中文翻译 在国内也能正常使用。👍 gtGooge Translate
谷歌英文翻译 在国内无法正常使用,但它的连续翻译体验非常好。👍 GTGooge Translate (按 Shift 键点击)
───────
网页地址加密 http 链接重定向至 https。[测试网页] 👍 sshttps
打开选中链接 批量打开选中内容里的链接。 olOpen Links
文本地址转链接 将文本地址转化为可点击的超链接。[测试网页] 👍 uuText to URL
链接地址转文本 鼠标放在链接上,按下 Alt 键,可将链接变成纯文本。👍 ttURL to Text
───────
网页地址根目录 将地址栏链接定位至:根域名。👍 rrRoot Domain
网页地址上一层 将地址栏链接定位至:上一层。👍 ww无特别意义,随意设置的
───────
网页地址洗白白 将国内主流网站的链接缩减至最短。 [测试网页] 👍 yy无特别意义,随意设置的
查看所有链接 查看当前网页所有链接。👍 ⚠️Firefox 浏览器无法直接调用,替代方案参考《使用小书签》篇 llView Links
隐藏已读链接 隐藏当前网页所有已读链接,在查看大量链接时非常好用。👍 hhHide Links
───────
总是新建标签打开 将当前网页链接的打开方式设置为:新标签页打开。👍 ]]无特别意义,随意设置的
总是当前标签打开 将当前网页链接的打开方式设置为:当前标签页打开。👍 [[无特别意义,随意设置的
───────
查看所有图片 查看当前网页所有图片。👍 ⚠️Firefox 浏览器无法直接调用,替代方案参考《使用小书签》篇 iiView Images
查看高清图片 查看当前网页的高清大图。👍 ⚠️Firefox 浏览器无法直接调用,替代方案参考《使用小书签》篇 ibView Images but Big
表格顺序重排 给表格增加一个正序和反序的按钮。[测试网页] 👍 tabTable
───────
查看网页 Cookie 查看当前网页的 Cookie。👍 cooCookies
查看网页图标 如题。 favFavicon.ico
查看浏览器 UA 如题。👍 uaUserAgent
系统颜色选择器 如题。👍 colColor Picker
───────
IP 查询 如题。 ipIP
SEO 查询 如题。 seoSEO
DNS 查询 如题。 dnsDNS
Whois 查询 如题。 whoWhois
Buildwith 查询 如题。 buiBuilt With
网站综合查询 如题。 netNetcraft.com


工具类小书签

名称 简介 快捷键
生成二维码 生成网页二维码。(当前标签页打开) 👍 qr
生成二维码图片 生成网页二维码。(新建标签页打开)(上面那个无法使用时,可以用这个) QR
───────
简单记事本 生成一个简单的记事本,按 Ctrl+S 可保存。(PS:需要手动复制链接到浏览器) --
简单画图板 生成一个简单的画图板。(PS:需要手动复制链接到浏览器) --
MD 编辑器 生成一个在线 MD 编辑器。(支持自动保存) --
打开软键盘 弹出软键盘,当键盘出问题的时候可以派上用场。 --
───────
添加到剪贴板 可连续选择复制多个内容到剪贴板。👍 ⚠️Firefox 需要打开 about:config,搜索 dom.events.testing.asyncClipboard,然后设置为 true。 xx
添加复制来源 添加复制来源到剪贴板。 fr
显示星号密码 在输入密码时,点击可以将星号密码还原。 [测试网页] --
博客一键留言 预设留言,然后可以在博客网站上一键留言。 [测试网页] 👍 wbc
───────
隐藏书签链接 隐藏书签的真实链接,点一次打开假链接,点 3 次打开真链接。👍 --
搜索共享帐号 搜索当前网站可用的共享帐号。(但现在已经不活跃了) --
查找网站 RSS 通过 Feedly.com 来搜索网站的 RSS 订阅源。 --
网站运行检测 检查网站是不是「只有你打不开」。 --
───────
查看当前时间 如题。 --
今年还剩多久 如题。 --
年度时间进度条 如题。 --
购物党比价 如题。[测试网页] bj
历史价格查询 1 如题。[测试网页] --
历史价格查询 2 如题。[测试网页] --


下载类小书签

名称 简介 快捷键
查看下载资源 列出当前网页可下载资源。[测试网页] 👍 dl
谷歌扩展下载 一比一代理下载 Chrome 官方商店的扩展。[详细介绍] 👍 css
油猴脚本下载 查看当前网站可用的 Greasyfork 油猴脚本。 gf
百度文库下载 下载百度文库文档,也可以在原来的网址 wenku.baidu 后面加上 vvv --
───────
U2B 封面下载 下载 U2B 视频的封面。[测试网页] 👍 CY
Bilibili 封面下载 下载 Bilibili 视频的封面。[测试网页] 👍 CB
公众号封面下载 下载微信公众号文章的封面。[测试网页] 👍 CW
GitHub 仓库大小 查看 GitHub 仓库的大小,需要在 Github 网站上使用。[测试网页] --
───────
网易音乐解析 解析下载网易云音乐,需要手动输入音乐 ID。 --
视频解析下载 1 下载网页视频,可一键下载,但支持的分辨率不高。[测试网页] dv
视频解析下载 2 下载网页视频,需要手动粘贴网址(已自动复制),支持 1080P。[测试网页] DV
视频解析下载 3 下载网页视频,需要手动粘贴网址(已自动复制),支持 1080P。[测试网页] --
───────
VIP 视频解析 1 解析 VIP 视频,主流视频网站都支持。[测试网页] vip
VIP 视频解析 2 解析 VIP 视频,主流视频网站都支持。[测试网页] VIP
VIP 视频解析 3 解析 VIP 视频,主流视频网站都支持。[测试网页] --


网页类小书签

名称 简介 快捷键
编辑当前网页 对当前网页进行编辑,按 Esc 可取消编辑状态。 👍 ed
解除网页限制 取消网页“选择复制”和“右键菜单”等所有限制。[测试网页] 👍 re
网页剪切工具 可手动选择删除网页中的某个元素。👍 cl
网页打印工具 可在打印网页前进行编辑,支持 html 和 pdf 格式。👍 pr
───────
弹窗打开网页 将网页在小窗口中打开,使用辅助工具还可将其置顶。👍 [测试网页] pp
翻转视频方向 翻转视频方向,可输入具体数值。👍 vr
暂停动态元素 暂时网页上的所有动态元素。[测试网页] --
重命名标签页 如题。 --
───────
复制网页标题 如题。 --
复制网页地址 如题。(不会将链接里的中文转化为乱码)👍 cc
复制网页标题和地址 如题。 --
复制网页 HTML 如题。 --
复制网页 Markdown 如题。(用扩展的实现方式更好,支持复制所有标签页,快捷键 alt+c --
───────
谷歌快照查询 查询谷歌快照。 --
网页快照查询 同时查询多个搜索引擎的快照。👍 wc
网页存档查询 archive.org 网页时光机。▲ wa
存档当前网页 1 archive.org 存档当前网页。▲ aw
存档当前网页 2 archive.today 存档当前网页。▲ --


阅读类小书签

名称 简介 快捷键
自动滚屏 Esc 停止,按方向键左减速,按方向键右加速。👍 as
自动刷新 设置数值后自动刷新网页,60 为 60 秒。👍 ar
───────
护眼模式 减低网页亮度,再次点击取消。👍 ⚠️ nn
聚焦模式 按 Ctrl 键后划出一块非遮罩区域来。⚠️ --
纸墨模式 将背景颜色修改为书信报纸的颜色。👍 pa
───────
阅读模式 适配率很高,但还是扩展 Clearly Reader 更好,快捷键 Alt+R --
黑夜模式 进入黑夜模式,适配率很高,再次点击可恢复。👍 da
报纸模式 进入类似报纸的横屏阅读模式。[测试网页] 👍 --
背景切换 切换当前网页的背景图片,有 300 多种可选。 --
───────
仿生学阅读 通过给一些单词的前几个字母加粗,来引导快速阅读。👍 [测试网页] br
长句着色阅读 对文章长句进行着色处理。👍 [测试网页] (仅适用于英文阅读) cr
高亮介词副词 高亮显示介词和副词。👍 [测试网页] (仅适用于英文阅读) --
───────
触屏滚动模式 将手机屏幕一样的滚动网页,但扩展 ScrollAnywhere 更好用。 --
垂直分屏模式 输入链接进行垂直分屏模式,不输入则自动选择为当前网页。👍 ⚠️ vv
水平分屏模式 输入链接进行水平分屏模式,不输入则自动选择为当前网页。👍 ⚠️ hv
网页全屏模式 点击触发区域后进入全屏模式。 --


文字类小书签

名称 简介 快捷键
快速阅读文字 选中文字后,通过快速现闪的方式来加快阅读。(仅适用于英文阅读) --
朗读选中文字 类似 Edge 浏览器的大声朗读功能,需要选择对应的语言。👍 vr
显示文章大纲 显示网页的目录大纲,但扩展 Smart TOC 更好用,快捷键 Alt+T --
───────
高亮关键词 多次启用,可以同时高亮多个关键词。 --
正则高亮关键词 以正则的方式高亮关键词。 --
───────
使用默认字体 如题。 --
使用衬线字体 如题。 fon
使用无衬线字体 如题。 FON
───────
选中文字放大 如题。 --
修改文字大小 如题。 --
修改文字颜色 默认修改字体颜色为黑色。 --
格式化大小写 如题。(仅适用于英文阅读) --
───────
加深颜色对比 加深文字和颜色对比,可多次启用。 --
黑白文字阅读 修改字体颜色为黑色,同时将背景设置为白色。 --
去除浅色背景 如题。 --


搜索类小书签

名称 简介 快捷键
百度搜索 选中文字后进行搜索,没有则可以可以手动输入。(用拖拽搜索更好) --
百度站内搜索 如题。 bi
百度当前网页 使用百度搜索当前网页链接。 bl
百度小窗搜索 在右侧小窗口中搜索选中关键字。👍 bb
───────
谷歌搜索 选中文字后进行搜索,没有则可以可以手动输入。(用拖拽搜索更好) --
谷歌站内搜索 如题。 gi
谷歌当前网页 使用谷歌搜索当前网页链接。 gl
谷歌小窗搜索 在右侧小窗口中搜索选中关键字。👍 gg
───────
谷歌搜索转中文 将谷歌搜索结果转到简体中文。👍 [详细] --
谷歌搜索转英文 将谷歌搜索结果转到英文。👍 --
谷歌搜索前10页 将谷歌搜索结果展示前 10 页。👍 --
谷歌搜索前10页 将谷歌搜索结果进行安全模式的对比。 --
谷歌搜索数据导出 将谷歌搜索结果导出为 CSV 表格。 --
───────
度谷双重搜索 同时搜索百度和谷歌。👍 --
网页多重搜索 同时搜索百度、谷歌和必应。👍 [详细] --
图片多重搜索 同时搜索百度、谷歌和必应图片。👍 --
视频多重搜索 同时搜索B站、Youtube和好看视频。👍 --
───────
图片聚合搜索 聚合搜索 cc0 无版权图片。[详细] --
PNG聚合搜索 聚合搜索多个 PNG 图片网站。 --
技术聚合搜索 聚合搜索多个国外技术网站。 --
软件聚合搜索 聚合搜索多个国内软件下载网站。 --
电子书聚合搜索 在谷歌上聚合搜索多个电子书格式。 --


翻译类小书签

名称 简介 快捷键
网页简体转换 将网页转换为简体中文。👍 sc
网页繁体转换 将网页转换为繁体中文。 tc
───────
网页语言转中文 将网站的语言优先选择为中文。[测试网页] cn
网页语言转英文 将网站的语言优先选择为英文。[测试网页] en
───────
文本翻译为中文 选中文字翻译为中文。 --
文本翻译为英文 选中文字翻译为英文。 --
───────
有道网页翻译 翻译功能时好时坏,不推荐。 --
百度网页翻译 在新标签页打开翻译页面。 bf
彩云双语翻译 好用的中文英文双语翻译。👍 cy
谷歌中文翻译 在国内也能正常使用。👍 gt
谷歌英文翻译 在国内无法正常使用,但它的连续翻译体验非常好。👍 GT
───────
英文缩写搜索 如题。 --
英文俚语搜索 如题。 --
英文同义词搜索 如题。 --


链接类小书签

名称 简介 快捷键
网页地址加密 http 链接重定向至 https。[测试网页] 👍 ss
打开选中链接 批量打开选中内容里的链接。 ol
文本地址转链接 将文本地址转化为可点击的超链接。[测试网页] 👍 uu
链接地址转文本 鼠标放在链接上,按下 Alt 键,可将链接变成纯文本。👍 tt
───────
网页地址根目录 将地址栏链接定位至:根域名。👍 rr
网页地址上一层 将地址栏链接定位至:上一层。👍 ww
网页地址上一页 将地址栏链接定位至:上一页 --
网页地址下一页 将地址栏链接定位至:下一页 --
网页地址跳转 开启带数字链接的手动跳转选择。[测试网页] --
───────
网页地址洗白白 将国内主流网站的链接缩减至最短。 [测试网页] 👍 yy
移除链接小尾巴 将链接中 ? 之后部分移除。 --
移除链接重定向 将带有 go?url=xxx 的重定向链接移除。 --
隐藏链接下划线 将链接下划线隐藏或者显示。 --
───────
查看所有链接 查看当前网页所有链接。👍 ll
查看出站链接 查看当前网页所有出站链接。 --
高亮出站链接 高亮当前网页所有链接,站内为红色,站外为蓝色,锚链接为橙色。👍 --
高亮所有链接 高亮当前网页所有链接。 --
───────
隐藏已读链接 隐藏当前网页所有已读链接,在查看大量链接时非常好用。👍 hh
搜索本页链接 比如在本页搜索 javascript: 就会可列出所有的小书签。👍 --
显示链接提示 显示链接的 tooltips。 --
───────
总是新建标签打开 将当前网页链接的打开方式设置为:新标签页打开。👍 ]]
总是当前标签打开 将当前网页链接的打开方式设置为:当前标签页打开。👍 [[


图片类小书签

名称 简介 快捷键
谷歌以图搜图 点击后,手动选择图片进行以图搜索。 --
百度以图搜图 同上。 --
Yandex以图搜图 同上。 --
───────
查看所有图片 查看当前网页所有图片。👍 ii
高亮所有图片 高亮当前网页所有图片。 --
隐藏所有图片 隐藏当前网页所有图片。 --
───────
查看动态图片 查看当前网页的高清大图。 ib
查看动态图片 查看当前网页的 GIF 图片。[测试网页] --
查看背景图片 查看当前网页的 背景图片。[测试网页] --
查看丢失图片 查看当前网页未能加载的图片。 --
查看图片信息 查看当前网页图片的信息。 --
───────
放大网页图片 如题。 --
缩小网页图片 如题。 --
图片翻转+90度 如题。 --
图片翻转-90度 如题。 --


表格类小书签

名称 简介 快捷键
表格增加边框 给无边框的表格增加边框。 --
表格增加序号 给表格增加一个序号。 --
表格顺序重排 给表格增加一个正序和反序的按钮。[测试网页] 👍 tab
表格排列翻转 将表格“左侧数据”与“头部数据”对调。 --
───────
表格数据下载 将表格数据保存为 Excel 文件。(中文会乱码,准确率也不高) --
表格存为CSV 将表格数据保存为 CSV 文件。(中文会乱码) --
───────
生成HTML表格 手动生成一个 HTML 的表格代码。 --
列表圆点变数字 将无序列表变成有序列表。 --
下拉菜单转列表 将下拉菜单全部展示。[测试网页] --
───────
复选框全选 如题。[测试网页] --
复选框全不选 如题。 --
复选框反选 如题。 --


开发类小书签

名称 简介 快捷键
查看网页 Cookie 查看当前网页的 Cookie。👍 coo
编辑网页 Cookie 如题。 --
查看浏览器 UA 如题。👍 ua
───────
查看网页文件头 如题。 --
查看网页尺寸 如题。 --
查看网页字体 如题。 fav
查看网页图标 如题。 --
───────
查看网页资源 查看当前网页的 html、js、css。 --
查看网页脚本 如题。 --
查看网页脚本变量 如题。 --
───────
查看网页样式 如题。 --
查看网页样式类名 如题。 --
启用样式查询 查看当前网页是否启用 CSS 的效果。 --
移除网页样式 如题。 --
───────
查看网页区块 1 如题。 --
查看网页区块 2 如题。 --
查看网页区块 3 如题。(3D 图式)👍 --
───────
响应式设计测试 1 如题。 --
响应式设计测试 2 如题。 --


设计类小书签

名称 简介 快捷键
屏幕尺子 如题。 --
背景网格化 如题。 --
新建参考线 在网页上新建水平和垂直的参考线。👍 --
网页元素测距 测试网页元素之间的距离,需要按 Alt 键启用。👍 --
网页测量工具 如题。(加载速度稍慢) --
网页元素移动 自由移动网页上的元素。 --
───────
RGB to Hex 颜色值转换。 --
Hex to RGB 颜色值转换。 --
216种标准色 如题。 --
颜色选择器 如题。 --
系统颜色选择器 如题。👍 col
───────
网页灰度特效 如题。 --
网页模糊特效 如题。 --
网页翻转特效 如题。 --
网页倾斜特效 如题。 --
网页骨架特效 如题。 --
───────
网页下雪特效 如题。 --
网页地震特效 如题。 --
特郎普MAGA特效 将网页上的图片全部替换为特郎普,可自定义图片。 --


设计类小书签

名称 简介 快捷键
IP 查询 如题。 ip
SEO 查询 如题。 seo
DNS 查询 如题。 dns
Whois 查询 如题。 who
Buildwith 查询 如题。 bui
网站综合查询 如题。 net
───────
百度收录查询 如题。 --
谷歌收录查询 如题。 --
反向链接查询 如题。 --
相似网站查询 如题。 --
谷歌爬虫模拟 如题。 --
关键词密度查询 如题。 --
───────
网站速度检测 如题。 --
网页速度分析 如题。 --
网页样式分析 如题。 --
网页性能图形化 如题。 --
网站易用性评估 如题。 --
───────
网站安全检测 如题。 --
网站病毒扫描 如题。 --
网站证书检测 如题。 --
───────
W3C Html 查询 如题。 --
W3C Link 查询 如题。 --
W3C CSS 查询 如题。 --


参考资料

除了奶酪原创、修复的小书签,其它收集的小书签主要来自以下网站,特别感谢他们的创作!

  1. Bookmarklet - Wikipedia
  2. Jesse's Bookmarklets Site
  3. BOOKMARKLETS
  4. 4umi Bookmarklets Masterlist
  5. Bookmarklets - Browser Power
  6. General-Use Bookmarklets – WorldTimZone
  7. Bookmarklets tools
  8. JavaScript FAQ - Home Page
  9. Bookmarklets
  10. CyberNotes: The Best Bookmarklets for your Browser!
  11. CyberNotes: Best Bookmarklets and Favelets Part 2
  12. Bookmarklets - Codebox Software
  13. flawpc (flawpc)
  14. micmro/performance-bookmarklet
  15. 小众软件 Bookmarklet.
  16. 一键为当前页面添加 TOC(页面内快速导航) 稻米鼠的频道
  17. 求助:复制网页文字后自动增加网页来源? - 问题求助 - 小众软件官方论坛
  18. Mobile Perf bookmarklet
  19. Bookmarklets
  20. Slightly Evil JavaScript - Codebox Software
  21. User:JesseW/BookmarkletsUniversal - Wikipedia
  22. "Edit this page" bookmarklet
  23. Sentence Length Colorization | CSS-Tricks - CSS-Tricks
  24. 6 Useful Bookmarklets to Boost Web Development | CSS-Tricks - CSS-Tricks
  25. A few of my bookmarklets | myByways
  26. readability – anoved.net
  27. https://anoved.github.io/mcreadability/
  28. http://readable.tastefulwords.com/
  29. https://rdbl.us/
  30. http://tomhodgins.github.io/dragon/
  31. zesardine/bookmarklets: A collection of bookmarklets I coded
  32. Bookmarklets, history, exported bookmarks, extensions for Chrome & Firefox (2020-08-17)

了解小书签

什么是小书签?

小书签的英文名 Bookmarklet,是由 Bookmark(书签) 和 Applet(小程序)组合而来,叫做“书签小程序”

1、从形式上来看

小书签的本质就是书签

它是由 Javascript 的作者 Brendan Eich 特意设计。

可以将一段带有特定功能的 JavaScript 代码保存在收藏夹里,需要的时候,点击就可以实现这段代码的功能。

也就是说,小书签其实和一般的书签一样,都是书签

i07_浏览器书签

http: 这样的前缀,其实是浏览器协议

它的作用是告诉浏览器接下来要做什么,比如还有 https:、ftp:、file:、mailto:、ed2k:、magnet: 等诸多协议。

它们都可以保存到“书签”,点击就会执行相应的命令。

i07_浏览器协议

2、从作用上来看

小书签的本质是 JavaScript 脚本。

小书签,其实可以看作是一个独立的、原生的、简单的脚本或者扩展。

扩展的优势在于有良好的交互界面,脚本的优势在于可以自动运行,而小书签的优势则是“没有冗余设计”。

i07_黄瓜png

就好比用户想要吃“黄瓜”,扩展给的是“黄瓜炒肉”,油猴脚本给的是“凉拌黄瓜”,而小书签给的就是“生黄瓜”。

因此,扩展安装多了,就会占用较多的内存资源,油猴脚本安装多了,也会影响浏览器速度。

而小书签完全不会有影响。

使用小书签

有了小书签只是第一步,真正让小书签从“鸡肋”变成“神器”的,是它的使用方法。

一、点击调用小书签

第一种方法最直观,就是将 javascript: 开头的链接,拖入到浏览器书签工具栏,然后点击运行。

i07_拖入书签工具栏

二、关键字调用小书签

第二种方法,是给小书签添加关键字

Firefox 可以使用快捷键 Ctrl+Shift+O 打开“书签管理器”,然后给小书签直接添加“关键字”。

i07_关键字Firefox

Chrome / Edge 等浏览器,则需要将小书签保存到“搜索引擎”里,然后添加相应的关键字

i07_关键字Chrome

添加后,在地址栏里输入关键字,那么就会调用小书签。

i07_关键字Firefox

PS:如果你的 Firefox 设置了地址栏链接在新标签页打开,那么需要按住 Alt 键(Mac 用 Cmd 键)点击启用。

三、快捷键调用小书签

真正让小书签使用体验拉满的方式是快捷键

ShortKeys 是一款快捷键扩展 ,它除了可以给浏览器的各项功能增加快捷键,还可以通过快捷键调用小书签

它的工作原理很巧妙,就是模拟点击某个书签

也正是因为这个原因,即使你有再多的小书签,也丝毫不会影响浏览器速度。

i07_快捷键调用

你可以在扩展的“设置页面”里指定小书签的快捷键

但如果你书签数量很多,那么书签就不那么容易选择指定了,更好的方法是通过代码指令导入

i07_自定义快捷键

添加一个小书签快捷键:

{"key":"a a a","label":"aaaa","bookmark":"aaaa","action":"openbookmark","sites":"","sitesArray":[""]}

添加多个小书签快捷键:

[
{"key":"a a a","label":"aaaa","bookmark":"aaaa","action":"openbookmark","sites":"","sitesArray":[""]},
{"key":"b b b","label":"bbbb","bookmark":"bbbb","action":"openbookmark","sites":"","sitesArray":[""]},
{"key":"c c c","label":"cccc","bookmark":"cccc","action":"openbookmark","sites":"","sitesArray":[""]}
]

注意事项:

1、key 是小书签的快捷键labelbookmark 是小书签的名称,其它的不用修改。

2、key、label 和 bookmark 的值,结尾不要有空格空格会导致调用失效。

3、如果有两个小书签使用了一样的名字,那么只有一个会被执行。

4、如果快捷键同时有 bgbgg,那么 bgg 不会被执行。

5、最后一行的 [""]} 处,不能有逗号

四、兼容性问题

以上小书签,使用扩展 Shortkeys,在 Chrome 浏览器上调用都没有问题。

但在 Firefox 上,一些小书签无法调用,目前已知的小书签包括:as、hv、vv、iii、iib、lll 等。

解决的方法是使用“Run JavaScript”来调用。

i07_快捷键调用

也就是将小书签的代码,粘贴到“JavaScript Code”输入框里。

不过,还需要将小书签的代码还原为最原始的状态,可以借助 https://tool.oschina.net/encode?type=4 来完成。

i07_快捷键调用

之后就可以正常调用了。

部分小书签使用演示

1、添加到剪贴板(xx)

这个小书签可以让你复制网页里的多个功能,然后在剪贴板里用 | 隔开来。

i07_添加到剪贴板

使用时,Firefox 需要打开 about:config,将 dom.events.testing.asyncClipboard 设置为 false。

而 Chrome 则需要在右上解点击允许复制。

2、油猴脚本下载(gf)

曾经有一个可以显示当前网站可用油猴脚本的脚本,叫“Userscript+”。

但其实它的效果并不好,因为这个脚本非常大,肯定会拖慢网页加载速度,所以作者后续也删除了这个脚本。

其实用小书签可以一键查询,效果也一样。

i07_油猴脚本下载

3、各种封面下载(CB)

如果想下载 U2B、B站、公众号的封面,其实不用安装脚本,也不用到各种网站上去提取,小书签也能一键下载。

快捷键分别为大写的 CY CB CW

也就是 Cover for Youtube,Cover for Bilibili,Cover for Weixin 的简写。

i07_各种封面下载

4、编辑当前网页(ed)

眼见不一定为真,截图也一样,这个小书签很能证明这一点。

2022-05-13 16.27.51

5、解除网页限制(re)

这个功能可能是呼声最高的一个小书签了。

不需要任何扩展,不需要任何脚本,小书签也一样能完成,而且效果可能更好。

i07_解除网页限制

6、小窗打开网页(pp)

浏览器的“画中画”功能不支持弹幕,想要支持弹幕需要安装比如 Popup Window 这样的扩展。

小书签“小窗打开网页”也可以实现同样的功能。

至于“置顶播放”的问题,可以使用鼠标手势软件 MouseincM 型来置顶窗口。

i07_小窗打开网页

如果你是 Firefox 用户,

使用“小窗打开网页”无法使用,弹出的是标签页,而不是小窗口的话。

需要打开 about:config,将 browser.link.open_newwindow.restriction 修改为 2。

同时在 user.js 里也需要将该设置修改为 2。

7、复制网页地址(cc)

在复制地址栏链接时,如果出现 26 个英文字母之外的字符,那么链接就会被转义为 %20 之类的“乱码”。

使用快捷键 cc,不但可以一键复制,而且还能保持原链接

i07_复制网页地址

8、百度小窗搜索(bb)

平时在看视频时,如果想搜索某个关键词,使用地址栏搜索,则必然会打断当前进度。

选中文字,使用快捷键 bb,则会以小窗口的形式来搜索。

而如果要关闭窗口的话,使用鼠标手势划 L 形,则可一键关闭。

i07_百度小窗搜索

9、网页语言转中文(cn)

一些网站提供了多种语言可选。

而如果默认选择的时英文的话,使用快捷键 cn,则可将其转到中文站点,使用快捷键 en,则会转到英文站点。

i07_网页语言转中文

10、打开选中链接(ol)

一键打开网页中的“多个链接”,一直是一个难题。

扩展 Snaplink Plus 可以实现,但它却在 Chrome 商店下架了,而小书签的实现方法更简单。

只需要选中需要打开的链接,再按下快捷键 ol,即可一键打开选中链接。

i07_打开选中链接

导入奶酪小书签及配置

一、下载奶酪小书签

导入奶酪已经设置好小书签及配置。

一是在奶酪 公众号 回复关键字 i07 获取奶酪精心设计的 html 小书签,然后导入浏览器,任意位置均可。

二是在扩展 Shortkeks 设置里导入以下代码。

Chrome / Edge 等浏览器:Shortkeys.txt
Firefox 浏览器:Shortkeys_Firefox.txt
HTML 小书签:https://www.lanzouh.com/b07mkuw9g

i07_奶酪版配置

复制上面链接的代码,导入。

i07_奶酪版配置

注意:导入快捷后,需要刷新网页,快捷键才会生效。

二、快捷键思路

奶酪的快捷键设置思路是:

1、使用单键连续点击。

快捷键的设置,我选择了单键连续点击,可以在防止误触的同时,以最快的速度调用小书签。

比如快捷键 qr,就是依次按下 qr 键。

i07_快捷键调用2

区分大小写,大写的快捷键,也就是按住 Shift 键点击,通常是这个小书签的备用选项

2、快捷键为英文或拼音。

快捷键的字母,我选择了小书签功能的英文或拼音,比如 qr 就是 qr code 的缩写,具体可以看列表清单。

i07_快捷键调用3

三、注意事项

1、在浏览器内建页上无法使用。

包括“新标签页”在内的所有浏览器内建页,无法通过快捷键的方法调用小书签。

2、当聚焦点在输入框时无法使用

这时可以按下 Tab 键,将聚焦点移出输入框后即可使用。

3、如果网页自带快捷键,那么也不会优先启用。

B站、U2B、GitHub 等网站,本身自带了快捷键,这时快捷键不会被优先启用。

4、一些小书签在 CSP 网站上无法启用。

如果网站开启了 CSP 内容安全策略,比如知乎、GitHub 等网站,那么调用了第三方脚本的小书签也将无法使用。

比如“阅读模式”小书签就调用了第三方脚本。

四、已知问题

Edge 浏览器在导入书签时,会将同一文件夹下相同的书签合并,导致原来的分隔线丢失。

解决方法是,先在 Chrome 浏览器里导入书签。

便携版:https://www.lanzoui.com/b0ufru1i

然后,将 Chrome 浏览器配置文件夹下的 Bookmarks 文件,覆盖到 Edge 配置文件夹下的同名文件即可。

注意:一定要备份 Edge 浏览器的 Bookmarks 文件

about:version

项目开源

很惭愧,就是做了一点微小的工作。

奶酪的三个“微小的工作”,可能会让这项远古神迹,在中文互联网将“再次伟大”。

工作一、最全小书签

奶酪的「小书签」维护,是从 2014 年开始的。

此后有 11 次更新,然后每次更新都会集成在奶酪的“定制版浏览器”里,而这一次的更新“更是重量级”。

奶酪原创、修复和收集的小书签,总计将近 300 个,中文网最全,没有之一。

i07_最全小书签

这让小书签的可用性,从 01,实现了从无到有的突破。

工作二、形象化小书签

同时,奶酪还给每个小书签都加上了图标

这样一来,每个小书签就从原来的“一串代码”,变成了视觉化的、可记忆的、而且还是易于理解的工具。

你可以在奶酪 公众号 回复关键字 i07 获取奶酪精心设计的 html 小书签,然后导入浏览器。

i07_最全小书签2

这让小书签的易用性,从 110 实现了指数级提升。

工作三、快捷调用小书签

而奶酪的第三个工作,是找到了真正快捷的小书签调用方式

ShortKeys 这款快捷键扩展 ,可以让我们以最快的速度调用小书签,而且丝毫不会影响浏览器速度。

比如快捷键 qr,就是依次按下 q 和 r 键。

i07_快捷键调用2

这让小书签的可及性,从 10 直接彪升至 100,使用体验直接拉满。

项目开源

此外,本项目已在 GitHub 上开源分享,引用和转载,注明作者和出处即可。

地址:https://github.com/runningcheese/Awesome-Bookmarklets



注:本文由 奔跑中的奶酪 作者:奔跑中的奶酪 发表,其版权均为作者所有,如需转载,请注明作者名字以及文章来源。
237
avataravatar

评论:

101 条评论,访客:96 条,站长:0 条
  1. 文武科技柜
    文武科技柜发布于: 

    生成二维码失效的,可以用这个

    javascript:window.open(‘https://api.qrserver.com/v1/create-qr-code/?size=150%C3%97150&data=%27+decodeURIComponent(location.href));void(0);

  2. 芒果弟
    芒果弟发布于: 

    直接通过地址栏搜索书签的名称会显示历史搜索记录和书签的内容,此方法也可以调用小书签

  3. 行
    发布于: 

    首先谢楼主慷慨无私的分享,能够把这些宝贵的小书签分享给我们这些素未谋面的陌生人,真的十分感谢给跪了,但是我在使用的过程中发现“编辑当前网页‘功能虽然可用,但是我按Esc按键却退出不了,经过测试发现Esc键功能并未失效,然而还是不能够做到按Esc按键退出,也有可能是我电脑哪里出了问题,请楼主给予我一个答复谢谢,若是打扰到楼主望海涵

  4. happy
    happy发布于: 

    请问小书签该怎样通过快捷键调用呢?

  5. 小学生爱学习
    小学生爱学习发布于: 

    bookmarklet能对frame里面的内容起作用吗?

  6. runningcheesefans
    runningcheesefans发布于: 

    下载需要关注公众号回复就足以劝退大多数人了。关注公众号需要手机,但我们需要导入到电脑。

    • 重量级奶酪
      重量级奶酪发布于: 

      有一种东西他叫电脑端微信

  7. Visitor
    Visitor发布于: 

    谢谢楼主的分享!这个绝对要!!!

  8. Visitor
    Visitor发布于: 

    谢谢楼主的分享!这个绝对要顶!!!!!!

  9. Visitor
    Visitor发布于: 

    谢谢楼主的分享!这个绝对要顶!!!

发表评论