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

小书签脚本生成器 - 包装JS为Bookmarklet

开发工具 效率 Bookmarklet JS 书签 生成
63
0
0
0
✓ 已复制到剪贴板

小书签脚本生成器

将 JavaScript 代码包装为 Bookmarklet（小书签），一键生成可拖拽使用的书签脚本

📦 预设示例：
0 字符
支持任意 JavaScript 代码。使用 Tab 键缩进，代码将被自动包装为可书签化的格式。
0 字符
拖我到书签栏
提示：点击上方橙色按钮可测试，或将其拖拽到浏览器书签栏保存。

常见问题

Bookmarklet（小书签）是一种特殊的浏览器书签，它的 URL 不是普通的网址，而是一段以 javascript: 开头的 JavaScript 代码。当你点击这个小书签时，浏览器会在当前页面上执行这段代码，实现各种实用功能，比如修改页面样式、提取信息、自动填表等。它轻量、无需安装，是浏览器扩展的极简替代方案。

方法一（推荐）：直接将页面上的橙色"拖我到书签栏"按钮拖拽到浏览器的书签栏/收藏夹栏即可。
方法二：点击"复制代码"按钮，然后在浏览器中手动创建新书签，将复制的代码粘贴到书签的 URL/地址字段中，保存即可。
使用：在任意网页上点击该书签，脚本就会在当前页面执行。
注意：如果浏览器书签栏未显示，可按 Ctrl+Shift+B（Windows）或 Cmd+Shift+B（Mac）显示。

Bookmarklet 本质上是你在浏览器中主动点击触发的 JavaScript 代码。它只能访问当前页面的 DOM 和信息，不会自动执行，也不会在后台运行。安全性取决于代码本身的来源——请确保你理解或信任所使用的代码。不要使用来源不明的 Bookmarklet，尤其是在涉及敏感信息（如密码、支付信息）的页面上。

常见原因包括：
1. 代码语法错误：检查 JavaScript 代码是否有语法错误，可在浏览器控制台中测试原始代码。
2. CSP 限制：某些网站设置了严格的内容安全策略（CSP），可能阻止 javascript: 协议执行。
3. 特殊字符未正确编码：使用本工具生成的编码版本可以避免此问题。
4. HTTPS 页面限制：在部分浏览器的 HTTPS 页面中，直接粘贴 javascript: URL 可能被阻止，可尝试使用拖拽方式添加书签。
5. 代码依赖页面元素：如果代码操作的元素在当前页面不存在，则不会有明显效果。

Bookmarklet：轻量、无需安装、跨浏览器通用、点击即执行、功能相对简单、无法后台运行、不受扩展商店审核。
浏览器扩展：功能更强大、可后台运行、可访问浏览器 API、需要安装和权限、需通过商店审核分发、占用更多资源。
简单来说，Bookmarklet 适合轻量级的页面操作脚本，扩展适合复杂的持续化功能需求。

浏览器对书签 URL 的长度有实际限制。虽然不同浏览器上限不同（Chrome 约 2MB，Firefox 约 64KB），但为了确保兼容性和良好体验，建议将 Bookmarklet 控制在 2000 字符以内。本工具会实时显示字符数，当超过 2000 字符时会给出提醒。如果代码过长，可尝试启用"压缩代码"选项来减小体积。

IIFE（Immediately Invoked Function Expression，立即执行函数表达式）是将代码包裹在 (function(){ ... })(); 中的一种写法。它的好处是：
1. 避免变量污染：代码中的变量不会泄漏到页面的全局作用域。
2. 防止返回值干扰：配合 void 使用，确保不会因代码返回值而意外导航到新页面。
建议始终开启 IIFE 包装，除非你有特殊需求。
🔧 相关工具