MCP 伺服器

Chrome DevTools

Debug live Chrome pages via the DevTools Protocol.

安裝

npx
npx -y chrome-devtools-mcp

把這段加入 Claude Code MCP 設定,或直接透過 CLI 執行。

介紹

Attach to a running Chrome instance and use DevTools Protocol — inspect DOM, set breakpoints, capture network traffic — useful for hard-to-reproduce frontend bugs.

常見使用情境

  • Live frontend debugging
  • Network analysis
  • Performance profiling

標籤

browserdebuggingdevtools