跳到索引

Chrome DevTools MCP

产品状态: 尚未登记状态

本条目尚未登记生命周期复核。被目录收录不代表当前可用,选用前请向厂商确认。

尚未记录状态查看日期

通过 MCP 或 CLI 给编码 agent 一个真实的 Chrome 实例,让它能检查页面、调试并跑审计。 本条目尚未登记生命周期复核。被目录收录不代表当前可用,选用前请向厂商确认。

产品预览

developer.chrome.com
Chrome DevTools MCP 的产品预览

深度介绍

Chrome DevTools MCP 把编码 agent 接到一个真实的 Chrome 实例上——通过 Model Context Protocol 或命令行——让 agent 能检查活的页面、读取控制台与网络活动、并跑 Lighthouse 审计。Google 的说法是:它让 agent 拿浏览器而不是拿自己的假设来验证自己的前端工作。

这是针对一个具体失效模式的具体修法。写前端代码的 agent,依据的是**关于 DOM 的描述而不是 DOM 本身**:它产出的代码「如果页面是它想象的那样就能工作」,并据此报告成功。给它一个浏览器,等于把反馈回路重新接回现实——元素确实不在它以为的位置、那个 fetch 确实因为 CORS 失败了、布局确实抖了。**度量不再是 agent 对自己产出的意见**,而后者正是这一类工具存在的理由。需要提醒的是范围:真实浏览器就是真实的攻击面,一个握着你的会话和网络访问权限去驱动它的 agent,能触达你并未打算开放的地方。

资料来源

本篇的事实性陈述来自以下页面。日期是编辑最后一次打开该来源的日期,不是产品发生变更的日期。

优点 / 缺点

优点

  • 用页面本身替换掉 agent 对页面的「以为」
  • 给 agent 的不只是 DOM 检查,还有 Lighthouse 审计
  • 官方、开源、免费

缺点

  • 带你会话的真实浏览器就是真实攻击面
  • 它验证的是前端行为,不是「这个功能要不要做」
  • 本条目未运行,因此它在 agent 驱动下的行为未经观察

适合谁用

01

让 agent 验证它刚写的界面

02

从 agent 侧调试控制台与网络错误

03

按需跑无障碍与性能审计

04

确认页面按预期渲染,而不是按「以为」渲染

编辑结论

把真实浏览器放进 agent 的回路——关键在于反馈来自页面,而不是来自 agent 对页面的「以为」。

核心功能

给 agent 的真实 Chrome 实例
MCP 与 CLI 接入
页面检查与调试
Lighthouse 审计
用浏览器验证 agent 写的代码

标签

浏览器调试MCP

常见问题

Chrome DevTools MCP 目前还能使用吗?

本条目尚未登记生命周期复核。被目录收录不代表当前可用,选用前请向厂商确认。

Chrome DevTools MCP 是什么?

Chrome DevTools MCP 是由 Google Chrome 开发的智能体与开发工具工具。通过 MCP 或 CLI 给编码 agent 一个真实的 Chrome 实例,让它能检查页面、调试并跑审计。

Chrome DevTools MCP 是免费的吗?

是的——Chrome DevTools MCP 可以免费使用。

Chrome DevTools MCP 是开源的吗?

是的——Chrome DevTools MCP 是开源软件,源代码可在 https://github.com/ChromeDevTools/chrome-devtools-mcp 公开获取。

Chrome DevTools MCP 有哪些最佳替代品?

值得关注的智能体与开发工具替代品包括 Firecrawl、Browser Use、Daytona。你可以在我们的智能体与开发工具分类中浏览全部 33 个工具。

这个页面有帮助吗?

访问官方网站 →查看源码

基本信息

定价
免费
编辑评分
★ 4.3 / 5 评分方式
平台
MCPCLI
最近核验
尚未记录