Chrome Tools MCP Server
通过Chrome DevTools协议远程控制浏览器的MCP工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Chrome Tools MCP Server。 它的用途是：通过Chrome DevTools协议远程控制浏览器的MCP工具 完整的 Skill 内容见：https://321skill.com/skills/chrome-tools-mcp-server/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'打开知乎首页，找到“AI”相关的话题，并截图前三个结果。' 它会自动启动Chrome，访问知乎，搜索关键词，截取话题列表并返回截图。也可用于批量操作：'依次登录五个账号，检查每个账号的消息通知，并汇总未读数量。' 工具会逐个登录并收集数据。
介绍
该工具解决的是如何让AI直接操控浏览器的问题。传统浏览器自动化依赖Puppeteer或Playwright等库，部署复杂且难以与AI智能体无缝集成。Chrome Tools MCP Server利用Chrome DevTools协议，将浏览器控制能力封装为MCP服务，让AI可以像调用本地函数一样打开页面、点击元素、截取网页、执行JavaScript，从而完成网页交互、数据抓取、UI测试等任务。
使用方式非常简洁：在支持MCP协议的AI客户端（如Claude Desktop、Cursor）中配置该服务器，即可通过自然语言指令让AI操控浏览器。例如，告诉AI“打开百度搜索‘MCP协议’，并截图搜索结果”，它会自动打开Chrome，执行搜索并返回截图。所有操作遵循Chrome的安全策略，无需额外代理或中间件。
适合前端开发、测试工程师、运维工程师以及需要批量网页操作的社媒运营、电商运营等角色。前端开发可以用它快速调试页面样式、验证接口响应；测试工程师可将其集成到自动化测试流程中，实现无代码的UI测试；运维人员则能通过远程调试线上服务，排查界面问题。
使用建议：确保本地已安装Chrome浏览器，并开启远程调试端口（默认9222）。注意该工具需要与运行中的Chrome实例通信，因此不适合在无头服务器环境（需额外配置无头模式）。另外，操作浏览器时可能消耗较多内存，建议限制并发标签页数。
核心特点
与Puppeteer MCP或Playwright MCP等同类工具相比，Chrome Tools MCP Server直接基于Chrome DevTools Protocol，无需额外安装浏览器驱动或依赖库，指令更贴近底层调试能力，适合需要精细控制浏览器行为（如监听网络请求、注入脚本）的场景。
注意事项
需要本地或远程已经启动Chrome浏览器并开启远程调试端口，无法直接控制无头模式下的Chrome实例（需手动配置），且对非Chrome内核浏览器（如Firefox、Safari）不适用。
常见问题
如何安装Chrome Tools MCP Server？
可以通过npm全局安装：npm install -g chrome-tools-mcp-server，然后在AI客户端配置MCP服务器地址即可。
使用前需要先启动Chrome吗？
是的，需要先启动Chrome并开启远程调试端口（启动参数：--remote-debugging-port=9222），工具通过该端口与浏览器通信。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/chrome-tools-mcp-server/raw/index.md 读取 Chrome Tools MCP Server 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/chrome-tools-mcp-server/raw/index.md（查看排版版本）