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

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

开发工具 生成器 Bookmarklet 书签 生成器
117
0
0
0
以下是书签生成器的详细使用教程，跟随步骤即可轻松创建属于您的Bookmarklet小书签： 【第一步：准备JavaScript代码】 首先，您需要准备好想要在书签中执行的JavaScript代码。如果您是初学者，可以从简单的代码开始，例如「alert('Hello World!')」来弹出一个提示框。如果您需要更复杂的功能，可以在网上搜索现成的Bookmarklet代码，或者自己编写。确保代码语法正确，逻辑清晰。 【第二步：输入代码】 打开书签生成器页面，在代码输入区域粘贴或输入您的JavaScript代码。编辑器支持多行输入，您可以按照正常的代码编写习惯来组织代码结构。如果代码较长，可以使用编辑器的滚动功能查看完整内容。 【第三步：配置书签参数】 在生成设置区域，为您的Bookmarklet设置一个简洁明了的名称。建议使用能够概括功能的名称，例如「网页截图」、「清除缓存」、「深色模式切换」等。一个好的名称能帮助您在书签栏中快速找到对应的工具。 【第四步：生成Bookmarklet】 点击「生成书签」按钮，工具会自动对您的JavaScript代码进行压缩和URL编码，生成一个完整的Bookmarklet链接。生成的代码会显示在结果区域，您可以查看最终的书签内容。 【第五步：安装到浏览器】 确保浏览器的书签栏已显示（如果没有显示，可以在浏览器菜单中选择「显示书签栏」或使用快捷键Ctrl+Shift+B / Cmd+Shift+B）。然后，用鼠标按住生成的Bookmarklet链接，将其拖拽到书签栏中释放，即可完成安装。 【第六步：使用书签】 安装完成后，在任意网页上点击书签栏中的该书签，即可在当前页面上执行您的JavaScript代码。您可以在不同的网页上反复使用同一个书签，非常方便。 【常见使用场景示例】 - 一键翻译当前页面：编写调用翻译API的代码 - 网页截图：编写调用html2canvas等库的代码 - 查看页面所有链接：编写遍历并显示所有a标签的代码 - 切换深色模式：编写修改页面CSS变量的代码 - 清除Cookies：编写清除当前域Cookies的代码
🔧 相关工具