Chrome DevTools MCP

Chrome DevToolsを使用してAIコーディングエージェントがブラウザを制御・検査できるMCPサーバー

ChromeブラウザをMCP経由で制御し、DevToolsを活用したパフォーマンス分析、ネットワークデバッグ、スクリーンショット撮影、コンソール検査などをAIエージェント（Gemini、Claude、Cursor、Copilotなど）から実行できます。

Author: ChromeDevTools

Stars: 34,397

GitHub

Install: npx -y chrome-devtools-mcp@latest

主な機能

• Puppeteerによるブラウザ自動化と制御
• DevToolsを活用したパフォーマンス分析
• ネットワークリクエストの検査とデバッグ
• ページのスクリーンショット撮影機能
• ブラウザコンソールメッセージの確認

想定ユースケース

• Webサイト監視 — AIエージェントが定期的にサイトにアクセスし、パフォーマンス低下やエラーを自動検出
• E2Eテストの自動化 — ユーザーフローをシミュレートしながらスクリーンショットを取得し、ビジュアル検証を実施
• パフォーマンス最適化 — DevTools経由でメトリクスを収集し、ページの読み込み速度やレンダリングの問題を分析
• ネットワークデバッグ — APIレスポンスやネットワークエラーをリアルタイムで監視し、トラブルシューティング実施