1.2 KiB
1.2 KiB
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，让它不再只根据源码猜问题。