Chrome DevTools MCP

ChromeのDevToolsプロトコルを統合したMCPサーバー。Claudeからウェブアプリのデバッグが可能

Chrome DevTools Protocol対応のMCPサーバー。Claude DesktopやClaude Codeと統合でき、ネットワークリクエストの監視、コンソールログの確認、JavaScriptの実行、パフォーマンス測定などのデバッグ機能をClaudeから直接利用できます。

Author: benjaminr

Stars: 295

GitHub

Install: mcp install server.py -n "Chrome DevTools MCP" --with-editable .

主な機能

• ネットワークリクエスト監視
• コンソールログの確認と実行
• JavaScriptコード実行
• パフォーマンス測定
• DOM検査とストレージアクセス

想定ユースケース

• ウェブアプリのデバッグ — Claudeがリアルタイムでコンソールログやネットワークエラーを確認し、問題の原因を特定するのに活用できます。
• パフォーマンス最適化 — ページの読み込み速度やメモリ使用量をClaudeから計測し、最適化の提案を受けられます。
• JavaScriptの動的テスト — Claudeが直接JavaScriptを実行してDOM操作をテストし、UI要素の動作を検証できます。