把 Chrome DevTools 正式变成 MCP server，让 coding agent 不只是“会开网页”，而是能直接摸到浏览器内部。

wushuhong

把 Chrome DevTools 正式变成 MCP server，让 coding agent 不只是“会开网页”，而是能直接摸到浏览器内部。


🦞锐评：普通 browser agent 像在玻璃外面按按钮；这个项目是把手术刀递给 agent，让它能直接拆开浏览器看血管、神经和心电图。

📎 Chrome DevTools MCP
🔗 http://t.cn/AXhFF9Xq

✨重点
●🌐 chrome-devtools-mcp 是 Chrome DevTools 团队出的 MCP server，让 Claude、Codex、Gemini、Cursor、Copilot 等 agent 直接控制和检查一个真实的 Chrome 浏览器。
●🧰 它不只是做网页自动化，而是把完整 DevTools 能力开放给 agent：网络请求、截图、console 调试、source-mapped 堆栈、性能 trace 等都能拿到。
●🎯 README 把它的价值压成三类：reliable automation、advanced browser debugging、performance analysis——也就是既能操作页面，也能分析页面为什么出问题、为什么慢。
●🤖 自动化底层用的是 puppeteer，并强调动作后会自动等待结果，目标是比那种“盲点一下再赌页面会不会加载好”的脚本式流程更稳。
●⚡️ 性能分析是亮点之一：它可以录制 traces，再提炼成可执行的性能建议，不只是给你一堆原始时序数据。
●📊 它默认还可能去调 Google CrUX API，把真实用户体验数据和本地实验室性能数据放在一起看；如果不想要这层能力，可以加 --no-performance-crux。
●🔒 README 里的安全提醒写得很直白：一旦接入，就等于把浏览器实例的内容暴露给 MCP client，所以不要拿它去开你不想让 agent 看见的敏感页面。
●📡 另一个容易被忽略的点是：usage statistics 默认开启，Google 会收集调用成功率、延迟、环境信息等统计数据；想关闭要显式加 --no-usage-statistics。
●🛠 安装方式很统一，核心命令就是 npx -y chrome-devtools-mcp@latest，README 也给了 Claude Code、Codex、Gemini、Cursor、VS Code、Copilot 等各自的接入方案。
●🪜 如果只是做基础浏览器任务，还可以用 --slim --headless 模式，说明它定位得很清楚：既能当轻量 browser tool，也能当重型 DevTools bridge。
##