SuperAPI AI 工具集

creating-bookmarklets

智能体与模型

查看项目

更新于 10-16 07:24

技能介绍

该技能用于创建浏览器可执行的 JavaScript 书签小工具(bookmarklet),适用于用户提及书签小工具、浏览器实用工具或拖拽代码等场景。

主要要求:所有注释只能用 /* */ 块注释,禁止使用 // 行注释;代码必须包裹在 IIFE 中,格式为 (function() { ... })();;交付代码必须以 javascript: 协议前缀开头,使用户复制后无需手动修改即可使用。

工作流程:先写出可读的源码,采用 2 空格缩进、描述性变量名、块注释与合理组织,并加上 javascript: 前缀,此版本存入 GitHub 并展示给用户;安装可默认引用安装器 https://austegard.com/web-utilities/bookmarklet-installer.html,该安装器负责用 Terser 压缩、URL 编码、生成可拖拽链接并集成 GitHub 仓库;也可按需用 Terser.js 生成安装链接,需引入 https://cdn.jsdelivr.net/npm/terser/dist/bundle.min.js。

交付物包括:带 javascript: 前缀的格式化源码、安装方式、功能简述和使用说明,代码应可直接整段复制使用。

代码规范涵盖错误处理(try/catch 并提示)、默认加入 console.log 调试、以及成功/失败的用户反馈。常见模式包括 DOM 操作、数据提取、剪贴板操作和动态加载库。

限制:不能使用外部文件(CSS、图片)除非内嵌,不能使用构建工具或预处理,不能使用 // 注释;可以使用 Fetch API、localStorage/sessionStorage、现代浏览器 API 和动态加载的 CDN 库。交付前需检查无 // 注释、在浏览器控制台包裹 IIFE 测试、验证缺失 DOM 元素时的错误处理,并确保所有路径都有用户反馈。用户仓库为 https://github.com/oaustegard/bookmarklets。