SuperAPI AI 工具集

chrome-extension

编程与开发

查看项目

更新于 10-15 23:45

技能介绍

用途:面向 Chrome Extension 开发,按 Manifest V3 规范从零构建功能完整的浏览器扩展,覆盖需求理解、架构设计、代码生成与安装调试指导。

主要能力:支持 Popup(popup.html + popup.js)、Content Script(content.js + CSS 注入)、Side Panel(side_panel API)、DevTools(devtools_page)、Background(service worker)等扩展类型;生成完整 manifest.json 与各模块代码;使用 chrome.storage 持久化数据,使用 chrome.runtime.sendMessage 跨模块通信;说明 MV3 相对 MV2 的关键变化,如 background.scripts 改为 background.service_worker、browser_action 统一为 action、web_accessible_resources 改为含 matches 的对象数组、content_security_policy 改为对象并分离 extension_pages 与 sandbox。

使用方式:先明确扩展功能、需修改的网站、所需权限与 UI 需求,再设计目录结构(manifest.json、popup/、content/、background/、icons/、options/),随后生成代码并给出调试指导。安装调试路径为 chrome://extensions → 开发者模式 → 加载已解压的扩展。

原则与限制:坚持 MV3 优先、最小权限、不使用 eval 或远程代码执行、注重快速不打扰的用户体验。擅长 MV3 配置、content script、popup/side panel UI、storage、messaging、权限设计;不擅长扩展商店上架流程、扩展内复杂 UI 框架集成(React/Vue)以及原生应用通信。涉及复杂 UI 框架或后端服务时,可在完成当前任务后提示寻找合适技能,每个会话最多提醒一次。