⚡ Bookmarklet Forge — 纯前端书签小工具工坊

input.js JAVASCRIPT

// 把当前页面所有链接文字变红
document.querySelectorAll('a').forEach(a=>{
  a.style.color = '#ff5f57';
  a.style.fontWeight = 'bold';
});

自动压缩 URL 编码包 IIFE 防污染 ✅ 就绪

bookmarklet:// INSTANT

方式 1 · 拖拽（Chrome/Edge/Firefox 通用）
把上方橙色 📌 把我拖到书签栏拖到浏览器顶部书签栏即可。
💡 看不到书签栏？Ctrl+Shift+B（Chrome/Edge）或 Ctrl+B（Firefox）

方式 2 · 复制粘贴（Chrome 最稳）
1. 点下方 "📋 复制" 按钮
2. 在 Chrome 书签栏右键 → "添加网页"
3. 名称随便填，URL 栏粘贴刚才复制的内容 → 保存

方式 3 · HTML 安装器
点下方 "📦 下载为 HTML" → 下载 installer.html → 双击打开 → 里面有单独的橙色链接可拖

方式 4 · 地址栏测试
复制书签链接 → 粘贴到任意网站的地址栏 → 回车 → 即可测试代码是否能跨站运行

📌 把我拖到书签栏 ⚠️ Chrome 如果禁止拖 javascript: 链接 → 用"方式 2 · 复制粘贴"

javascript:void(0)

原代码: 0 字符压缩后: 0 字符书签总长: 0 字符

⭐ 我的收藏

0 条

一个纯前端的书签小工具生成器。你在左边写 JavaScript，右边实时生成一个 javascript: 协议的链接，拖到浏览器书签栏——之后任何网页上点一下，代码就在那个页面里执行。

完全不需要后端、不需要登录、不需要服务器——所有数据存在你本地 localStorage。

HTML5 CSS3 Vanilla JS LocalStorage 无框架单文件

javascript:alert('hello from bookmarklet!')

浏览器允许 URL 以 javascript: 开头，点击后 JS 代码会在当前页面上下文执行。Bookmarklet 就是把 JS 包在书签链接里，利用这个机制实现"一键在任意网页执行代码"。