what-new-in-chrome/pages/demo/devtools-agents.md

Demo 6：DevTools for agents 官方流程

官方 MCP 配置

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

本地检查目标

• /demo/devtools-agents/index.html
• 故意制造 console warning / error
• 故意制造 404 图片
• 点击按钮触发长任务
• 让 Agent 读取 console、network、trace

核心结论：DevTools for agents 不是页面 API，而是把真实浏览器运行时交给 coding agent，让它不再只根据源码猜问题。