Chrome DevTools for agents

给 Agent 一个真实浏览器现场

这个页面故意包含 console warning、404 图片、可触发长任务和布局溢出。 演示时让 Chrome DevTools MCP 连接到这个页面，要求 Agent 读取 console、network、DOM 和 performance。

Official setup

MCP 配置

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

Prompt to run

现场提问

Open http://localhost:3030/demo/devtools-agents/index.html.
Inspect console and network errors.
Then click "触发长任务" and record a performance trace.
Summarize what you found.
Network

这张图片故意 404

Missing dashboard screenshot
Layout

这段文本故意撑破容器

SuperLongUnbrokenEnterpriseDashboardIdentifier_ChromeAgentRuntimeDebugging_2026_Overflow

Performance

触发可检测的长任务

等待触发。