Chrome DevTools MCP：把 console、network、screenshot 與 trace 交給 Coding Agent
ChromeDevTools/chrome-devtools-mcp 是 Google Chrome DevTools 團隊的 MCP server，讓 Claude、Cursor、Copilot、Antigravity 等 coding agent 控制與檢查 live Chrome browser。它能讀 console、network requests、screenshots、performance traces，減少前端除錯時人類轉述錯誤的來回；但 README 也明確警告不要把敏感瀏覽器資料暴露給 MCP client。
ChromeDevTools/chrome-devtools-mcp GitHub API 讀取時約 40K stars、Apache-2.0 license。README 定位為 Chrome DevTools for agents，可讓 Antigravity、Claude、Cursor、Copilot 等 coding agent control and inspect a live Chrome browser，作為 MCP server 提供 reliable automation、debugging、performance analysis。前端除錯需要同時看 DOM、console、network、screenshot、performance trace。過去 agent 只能改 code，人類負責觀察瀏覽器並轉述；DevTools MCP 把觀察能力也接進 agent loop。
README 列出：record traces 並抽取 performance insights、分析 network requests、截圖、查看 browser console messages（含 source-mapped stack traces）、用 Puppeteer 做可靠 automation 並等待 action results。
典型 MCP config 是 npx -y chrome-devtools-mcp@latest；若只需要基本 browser tasks，可用 --slim --headless。需求為 Node.js LTS、Chrome stable 或更新、npm。
這不是另一個瀏覽器 UI，而是官方 DevTools 能力的 MCP 化。它適合 coding agent 做前端 debug；若需求是登入後網頁工作流、自動操作既有 Chrome，則需再比較 WebBridge、Playwright、Browserbase 等方案。
chrome-devtools-mcp 會把 browser instance 的內容暴露給 MCP clients，允許檢查、debug、修改瀏覽器或 DevTools 中的資料。不要把銀行、後台、個資、公司內網、token、cookie、管理頁面隨手接給不可信 agent。