Chrome Debug MCP
Chrome Debug MCPは、ブラウザ自動化、Greasemonkey APIサポート、リクエストのインターセプション、リアルタイムロギング機能を備えたLLMによるウェブページデバッグを可能にするプロトコルサーバーです。
追加日：
作成者：
Mar 19 2025
フィーチャー
Chrome Debug MCPとは？
このMCPサーバーは、Chromeブラウザ自動化と大規模言語モデルを統合することで、ウェブページのデバッグを促進します。カスタム設定でChromeを起動・管理し、複数タブの操作、ページの相互作用、JavaScript評価をサポートします。主な機能には、ネットワークリクエストのインターセプト、リソース管理、コンソールログのキャプチャ、スクリプトの注入があります。また、拡張機能のサポート、ユーザースクリプトの管理、Chrome DevTools Protocolを介したデバッグ機能も提供します。開発者、QAテスター、研究者のために設計され、ブラウザアクションの自動化と詳細なログの提供により、複雑なデバッグ作業を簡素化し、LLMの支援を受けながらウェブページの効率的なテストと分析を可能にします。
誰がChrome Debug MCPを使うの？
- ウェブ開発者
- QAテスター
- ウェブ自動化に取り組む研究者
- ブラウザ自動化エンジニア
- ウェブページ分析を統合するAI/ML実践者
Chrome Debug MCPの使い方は？
- ステップ1: 'npm install chrome-debug-mcp-playwright'を使用してnpm経由でMCPサーバーをインストールします。
- ステップ2: リポジトリをクローンしてセットアップし、Roo Codeまたはあなたの環境で設定します。
- ステップ3: MCPサーバーを起動し、指定された設定を使用してChromeに接続します。
- ステップ4: 提供されたコマンドやスクリプトを使用して、ページの相互作用、デバッグ、ログ取得を自動化します。
- ステップ5: MCPインターフェイスまたはスクリプトを通じてログを監視し、ウェブページの動作を評価します。
Chrome Debug MCPの主な特長・利点
コア機能
- Chromeブラウザの起動と管理
- 複数タブ操作のサポート
- ページのナビゲーションと相互作用
- JavaScript評価
- ネットワークリクエストのインターセプトと変更
- コンソールログのキャプチャ
- ユーザースクリプトとスタイルの注入
- デバッグとリアルタイムログ
- 拡張機能とユーザースクリプトのサポート
- リソース管理
利点
- 複雑なウェブページデバッグタスクの簡素化
- ブラウザの相互作用の自動化
- 詳細なログによるデバッグ効率の向上
- ウェブページ分析のためのAI/LLMの統合をサポート
- 異なるテスト環境のための柔軟な設定
Chrome Debug MCPの主な使用ケース・アプリケーション
- LLMアシスタンスによるウェブページの自動テストとデバッグ
- ブラウザ拡張機能とユーザースクリプトの開発とテスト
- 開発中のネットワークリクエストのインターセプトと変更
- ウェブパフォーマンス分析のための詳細なログのキャプチャ
- QAのための繰り返しのブラウザタスクの自動化
Chrome Debug MCPのFAQs
開発者
- robertheadley
あなたも好きかもしれません：
開発者ツール
複数の MCP サーバーをホストする Docker イメージで、Supergateway 統合を通じて統一されたエントリーポイントからアクセス可能です。
MCPサーバーへのリモートツール利用のための安全なプロキシベースのアクセスを容易にするリモートSSHクライアント。
ブラウザ自動化
TypeScriptを使用して、ビューポートの管理、スクリーンショットのキャプチャ、コンテンツの抽出のための高度なブラウザの自動化を可能にします。
RedisやGitHub、Google Maps、WebスクレイピングツールなどのMCPサーバーとの統合を容易にするGoライブラリ。
モニタリング
検索、マッピング、健康、統計モニタリングのためのElasticsearch 7および8をサポートするPython SDKベースのMCP。