@m64/browser-tools
基于CDP的轻量级浏览器协同探索工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：@m64/browser-tools。 它的用途是：基于CDP的轻量级浏览器协同探索工具 完整的 Skill 内容见：https://321skill.com/skills/m64-browser-tools/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我看下这个页面的所有网络请求。’ 它会引导你使用 @m64/browser-tools 连接到浏览器，获取并列出当前标签页的所有网络请求详情。或者，你可以说：‘我想自动保存这个动态加载列表的内容。’ AI会建议你编写一个脚本，利用该库注入JS来抓取数据并保存。
介绍
@m64/browser-tools 是一个基于 Chrome DevTools Protocol (CDP) 的轻量级工具库，旨在解决开发者在进行网站协同探索、调试或自动化任务时，需要与浏览器进行深度交互但又不希望引入庞大框架的痛点。它提供了访问浏览器标签页、执行脚本、获取网络信息等核心CDP功能的简洁API。
使用方式非常直接，通过 npm 安装后，开发者可以在自己的 Node.js 项目中引入该库，连接到本地或远程的 Chrome/Chromium 浏览器实例，然后利用其提供的工具函数来控制页面、提取数据或监控活动，从而集成到自定义的工作流中。
它非常适合前端开发者、测试工程师或任何需要进行网页自动化、数据抓取或协同调试的技术人员。当团队需要共享对某个网站特定状态的分析，或者需要编写轻量脚本来自动化重复的浏览器操作时，这个工具库能提供恰到好处的底层能力支持。
建议在需要精细控制浏览器但又不希望被 Puppeteer 或 Playwright 等完整框架的复杂性和体积所束缚的场景下使用。需要注意的是，它依赖于浏览器开启CDP远程调试端口，使用时需确保相应的浏览器实例已正确配置并运行。
核心特点
与 Puppeteer 或 Playwright 等全功能浏览器自动化框架相比，它更加轻量和专注，只封装了最核心的CDP连接与指令发送能力，为开发者提供了更大的灵活性和更小的依赖体积，适合集成到自定义的协同工作流或工具链中。
注意事项
不适合需要复杂浏览器交互模拟（如完整的UI测试）或内置高级等待、选择器引擎等开箱即用功能的场景。
常见问题
这个工具和 Puppeteer 有什么区别？
它更轻量，只提供核心CDP连接，不包含高级API和内置引擎，适合定制化集成。
需要先启动浏览器吗？
是的，需要先启动支持CDP远程调试的Chrome/Chromium浏览器实例。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/m64-browser-tools/raw/index.md 读取 @m64/browser-tools 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/m64-browser-tools/raw/index.md（查看排版版本）