🔖 在线Bookmarklet生成器

📝 输入JavaScript代码

预设模板:
代码长度: 0 字符
💡 使用提示: 点击「📋 复制书签代码」→ 在浏览器书签管理器中新建书签 → 粘贴到URL栏
或直接拖动上方书签链接到浏览器的书签栏

📖 什么是Bookmarklet?

Bookmarklet(书签工具/小书签)是一种以浏览器书签形式存储的JavaScript代码片段。点击书签时,会在当前网页上执行JavaScript代码,实现各种自动化功能。

常见用途:
• 网页设计调试(高亮元素、查看CSS)
• 一键提取页面信息(图片链接、标题、元数据)
• 页面功能增强(阅读模式、暗黑模式)
• 快速分享到社交媒体
• 开发者生产力工具

注意事项: Bookmarklet可以访问当前页面的所有内容(包括表单数据、Cookie等),请只使用您信任的代码。本工具纯前端运行,代码不会离开您的浏览器。

'; const blob=new Blob([html],{type:'text/html'}); const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download=name.replace(/[^a-zA-Z0-9\u4e00-\u9fa5_-]/g,'')+'.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(a.href); showToast('✅ 文件已下载'); } // Auto-generate on changes document.querySelectorAll('#jsCode, #bmName, [id^=opt]').forEach(el=>{ el.addEventListener('input',()=>{ if(el.id==='jsCode') updateCodeLen(); generate(); }); el.addEventListener('change',generate); }); updateCodeLen(); generate();