SuperAPI AI 工具集

chrome-extension-dev

编程与开发

查看项目

更新于 10-15 22:12

技能介绍

用途:为 Chrome 扩展开发提供紧凑的“重载—测试—验证”循环,通过 Claude in Chrome MCP 工具在浏览器中改代码、重载扩展、打开测试页并可视化验证行为。

主要能力:重载已安装的未打包扩展;导航到目标测试页;通过 dev bridge 以 postMessage 触发扩展动作;用 read_page、截图、javascript_tool、read_console_messages 检查 DOM、界面与日志;在用户真实 Chrome 配置中测试,已登录会话可直接使用。

使用方式:先确认已安装 Extensions Reloader,可访问 http://reload.extensions/ 验证,未安装则前往 https://chromewebstore.google.com/detail/fimgfedafeadlieiabdeeaodndnlbhid。扩展需加入 dev bridge:内容脚本监听 message 并转发 chrome.runtime.sendMessage,后台脚本在 onMessage 中通过 chrome.tabs.sendMessage 回传。测试时依次访问 http://reload.extensions/ 重载、打开测试页、用 window.postMessage({ __ext_dev_action: { action: 'summarize' } }, '*') 触发动作,再验证并迭代。

适用场景:开发与调试使用内容脚本的扩展;需要快速验证注入 UI、DOM 变化和日志输出时。

限制:无法从零安装扩展,首次需手动在 chrome://extensions 开启开发者模式并“加载已解压的扩展程序”;manifest.json 变更需手动重载;chrome:// 页面不可访问;弹窗难以自动化测试,建议改用内容脚本注入 UI,或打开 chrome-extension://<extension-id>/popup.html 作为标签页测试。