无需登录 数据私有 本地保存

书签生成器 - 自定义浏览器书签/小书签

37
0
0
0
✅ 已复制到剪贴板

书签生成器 · Bookmarklet Generator

将 JavaScript 代码一键转换为浏览器书签小程序,支持双向转换、实时预览

JavaScript 代码 输入
Bookmarklet 书签代码 输出
页面信息 显示密码 页面可编辑 高亮链接 反转颜色 生成QR码 移除图片 查看源码

Bookmarklet 是一种以 javascript: 协议开头的浏览器书签。它不像普通书签那样指向一个网址,而是执行一段 JavaScript 代码。点击书签栏中的 Bookmarklet,就能在当前浏览的页面上运行预设的脚本,实现各种实用功能——比如提取页面信息、修改页面样式、快速翻译等。Bookmarklet 体积小、无需安装、跨浏览器通用,是轻量级浏览器增强的经典方式。

方法一(拖拽安装):在本工具右侧生成书签后,直接将「拖我到书签栏」按钮拖拽到浏览器的书签栏即可完成安装。

方法二(手动创建):复制生成的 Bookmarklet 代码,在浏览器中新建书签,将代码粘贴到 URL/网址 字段中,命名保存。

使用:打开任意网页,点击书签栏中的 Bookmarklet,脚本即刻执行。注意:部分浏览器在空白页或设置页可能限制 Bookmarklet 的执行。

Bookmarklet 本质上是在当前网页的上下文中执行 JavaScript 代码,因此它具有与网页脚本相同的权限。这意味着:
✅ 您自己编写或信任来源的 Bookmarklet 是安全的。
⚠️ 不要运行来历不明的 Bookmarklet——恶意脚本可能窃取 Cookie、表单数据、或执行钓鱼操作。
💡 建议:在运行他人的 Bookmarklet 前,先用本工具的「反向解析」功能查看其源代码,确认无害后再使用。

移动端浏览器通常没有可见的书签栏,但仍有办法使用:
iOS Safari:将 Bookmarklet 保存为书签,然后在地址栏输入书签名称来触发;或使用「共享」菜单中的书签。
Android Chrome:在地址栏输入书签名称,从建议中选择;或将书签添加到主屏幕。
通用技巧:在移动端,可以将 Bookmarklet 代码保存到笔记应用,需要时复制粘贴到地址栏执行(需手动补上 javascript: 前缀)。

特性Bookmarklet浏览器扩展
安装方式拖拽/复制书签通过扩展商店安装
体积极小(几百字节)较大(几百KB~几MB)
权限仅在点击时运行于当前页面可申请后台运行、跨站点等权限
自动运行❌ 需手动点击✅ 可自动触发
跨浏览器✅ 几乎所有浏览器通用需适配不同浏览器
更新手动替换自动更新

常见原因及解决方法:
1. 代码中有语法错误——请检查 JavaScript 语法,使用浏览器控制台调试。
2. IIFE 未正确包裹——建议开启「IIFE 包裹」选项,避免变量泄露或冲突。
3. 网站有 CSP 限制——部分网站的内容安全策略(CSP)禁止 javascript: 协议执行。
4. 书签代码被截断——部分浏览器对书签长度有限制(通常约2000~5000字符),请精简代码。
5. 特殊字符编码问题——本工具已自动处理 URL 编码,但如果手动编辑过书签,请确保编码正确。

分享 Bookmarklet 的几种方式:
1. 直接分享代码:复制本工具生成的完整 Bookmarklet 代码,通过聊天、邮件发送,对方手动创建书签。
2. 网页链接:在网页中放置一个 <a href="javascript:...">拖我到书签栏</a> 的链接,用户可直接拖拽安装。
3. 创建说明页面:将多个 Bookmarklet 整理到一个页面中,配合使用说明,方便用户按需取用。
💡 提示:分享前建议用本工具格式化代码并添加注释,让接收者能理解脚本功能,增加信任感。

不同浏览器对书签 URL 的长度限制不同:
Chrome / Edge:约 5000 字符
Firefox:约 2000~4000 字符(较严格)
Safari:约 4000 字符
如果代码过长,建议:开启压缩选项、移除注释、使用短变量名、或将复杂逻辑拆分为多个 Bookmarklet。本工具右下角会实时显示字符数,超过 3000 字符时将给出提醒。