Chrome DevTools 官方仓库 README;GitHub 周榜背景 · 首次发现 2026-09-06

Chrome DevTools MCP:让编程助手检查和调试网页

把页面截图、报错和性能记录交给编程助手,沿实际浏览器状态继续调试。

Chrome DevTools MCP 图解:编程助手通过 MCP 连接 Chrome,读取截图、控制台、网络请求与性能记录
BitShovel 图解 · Chrome DevTools MCP 工作方式示意 · 打开大图

EN

把网页问题变成具体观察

Chrome DevTools MCP 将 Chrome 的检查工具接给支持 MCP 的 AI 编程助手。助手可以操作页面,并取得截图、控制台消息、网络请求和性能记录。

截图用来查看界面;控制台帮助找运行报错;网络记录说明请求与响应;性能记录帮助定位加载和交互耗时。把这些观察放在一起,才能进一步判断问题出在哪里。

EN

修复后回到页面确认

观察结果会受到页面状态、权限和日志完整性的影响。找到一条报错后,还需要核对它与问题的关系,并在目标浏览器和设备上确认修复结果。

重要补充与更正

以下日期是本站修订时间。

  • 补充 ·

    补充 Chrome DevTools MCP 的用途:让 AI 编程助手连接 Chrome,检查网页、网络请求与性能记录。

来源与补充

sourcesEN

来源与补充

原始摘要与适用说明

这里整理的是项目官方说明,本站未实测。使用需要支持 MCP 的助手与 Chrome 环境;榜单和 Star 只反映当时的关注度,不能证明稳定性。

来源与依据 · 2 条链接

逐条说明链接的用途与支持范围。链接数量不代表多方独立验证,“直接支持”也仅限下方写明的内容。

本页保留原文与简要整理,可通过下方链接继续阅读发布者的完整说明。

资料时间记录
  1. · GitHub 本周 Trending 位列第 19,本周增加 958 Star。
收录记录

首次发现:;本站收录:

收录日期与原文发布日期分别记录。

编辑记录

来源已核对

· 北京时间

依据官方 README 补充项目用途,两种语言同步整理;保留原始发现、收录日期和榜单指标。

查看依据与完整记录

此时间记录本站对资料说明与来源的核对,不代表项目发布或产品更新。

查看完整记录:更正前后与来源(JSON)

纠错与反馈

把这些变化放在一起看