Chrome DevTools MCP官方

这是什么

接入 Chrome 调试协议，模型能读 console、网络瀑布图和性能 trace，而不只是看截图。

能用来做什么

• 定位首屏变慢的原因
• 分析失败请求
• 读懂报错堆栈

接入方式

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["chrome-devtools-mcp@latest"]
    }
  }
}

把以上配置写进客户端的 MCP / 技能目录后重启客户端即可。字段名以你的客户端文档为准。

想横向比较？看 Chrome DevTools MCP 的同类方案与替代品 →