Chrome 官方出品的 DevTools MCP——让 AI 打开真实浏览器调试页面：截图、控制台、网络请求、性能 trace
受控浏览器里的内容会全部暴露给模型，注意三点：
--isolated 临时目录--no-usage-statistics 关闭；性能工具可能向 Google CrUX 发送 URL，--no-performance-crux 关闭| 工具族 | 说明 |
|---|---|
| 输入自动化 | click / fill_form / drag / upload_file，基于页面快照的 uid 定位元素 |
| 导航与页面 | 开关标签页、跳转、等待文本、截图、a11y 文本快照 |
| 调试 | 控制台消息、执行脚本、网络请求列表与详情 |
| 性能与仿真 | 性能 trace 录制分析、CPU/网络节流、设备仿真 |
需要 Node.js LTS + 本机 Chrome 稳定版；仅官方 Chrome 受支持，其它 Chromium 内核浏览器会有怪毛病。
take_snapshot，少用截图：文本快照可检索、能拿到元素 uid，比截图省一个数量级的 token；截图只在真要看视觉效果时用$HOME/.cache/chrome-devtools-mcp/）：上次的登录态、cookie 都还在；要干净环境加 --isolated（临时目录，关浏览器即清）--remote-debugging-port=9222，且必须配非默认 user-data-dir（新版 Chrome 硬限制）；然后服务器命令加 --browserUrl http://127.0.0.1:9222——调试带登录态的页面用这条路，不用新开实例--experimentalPageIdRouting）--no-usage-statistics 关；性能工具会把 trace 里的 URL 发给 Google CrUX：--no-performance-crux 关