chromedevtoolsmcp-mcp について
Chrome DevTools Session MCP は、ブラウザーの DevTools セッションを調べる、AI エージェントやコーディングチーム向けのホスト型リモート MCP サービスです。ページ状態、コンソールエラー、ネットワーク概要を構造化して出力します。
主な機能
- 01ページ状態の確認
- 02コンソールエラーの取得
- 03ネットワークウォーターフォールの要約
- 04DevTools レシートのエクスポート
- 05構造化 JSON ツール
- 06Bearer token 認証
活用シーン
- 01ページの実行状態の確認
- 02ブラウザーのコンソールエラー調査
- 03ネットワークリクエスト時系列の確認
- 04DevTools ワークフロー証拠のエクスポート
MCP 対応
Streamable HTTP 対応のリモート MCP エンドポイントを提供し、本番利用には Bearer token が必要です。MCP クライアントからページ検査、コンソールエラー取得、ネットワーク概要、レシート出力のツールを呼び出せます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://chromedevtoolsmcp.clauxel.com/mcpclaude mcp add --transport http com-clauxel-chromedevtoolsmcp-chromedevtoolsmcp https://chromedevtoolsmcp.clauxel.com/mcp{"mcpServers":{"com-clauxel-chromedevtoolsmcp-chromedevtoolsmcp":{"type":"http","url":"https://chromedevtoolsmcp.clauxel.com/mcp"}}}Cursor で開く{"servers":{"com-clauxel-chromedevtoolsmcp-chromedevtoolsmcp":{"type":"http","url":"https://chromedevtoolsmcp.clauxel.com/mcp"}}}VS Code で開く{"mcpServers":{"com-clauxel-chromedevtoolsmcp-chromedevtoolsmcp":{"type":"http","url":"https://chromedevtoolsmcp.clauxel.com/mcp"}}}{"mcpServers":{"com-clauxel-chromedevtoolsmcp-chromedevtoolsmcp":{"serverUrl":"https://chromedevtoolsmcp.clauxel.com/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
https://chromedevtoolsmcp.clauxel.com/mcp認証が必要ツール
詳細
Chrome DevTools Session MCP
AI エージェント向けブラウザー DevTools MCP のホステッド MCP です。
Chrome DevTools Session MCP は、AI エージェント向けブラウザー DevTools MCP の有料リモート MCP エンドポイントです。構造化された JSON ツール、公開サーバーカード、トークンベースのアクセス、利用レシート、AI エージェントやコーディングチーム向けの監査対応ワークフロー証跡を提供します。
公開エンドポイント
- ウェブサイト:https://chromedevtoolsmcp.clauxel.com/?utm_source=github&utm_medium=directory&utm_campaign=sbl202605r25
- MCP エンドポイント:https://chromedevtoolsmcp.clauxel.com/mcp
- サーバーカード:https://chromedevtoolsmcp.clauxel.com/.well-known/mcp/server-card.json
- レジストリ名:
com.clauxel.chromedevtoolsmcp/chromedevtoolsmcp-mcp
アクセス
有料のホステッドリモート MCP です。本番環境での呼び出しには、製品ウェブサイトから発行されたベアラートークンが必要です。
Authorization: Bearer <token>
/mcp への未認証のブラウザーアクセスには、内部情報ではなく、明確な JSON エラーが返されます。
ツール
inspect_page_stateread_console_errorssummarize_network_waterfallexport_devtools_receipt
クイックスタート
- ウェブサイトを開き、プランを選択します。
- API トークンを作成するか、発行をリクエストします。
- Streamable HTTP リモートサーバーに対応した MCP クライアントにエンドポイントを追加します。
- ベアラートークンを使って JSON-RPC リクエストを送信します。
便利なリンク
- 製品ページ:https://chromedevtoolsmcp.clauxel.com/?utm_source=github&utm_medium=directory&utm_campaign=sbl202605r25
- 料金:https://chromedevtoolsmcp.clauxel.com/?utm_source=github&utm_medium=directory&utm_campaign=sbl202605r25#pricing
- サーバーカード:https://chromedevtoolsmcp.clauxel.com/.well-known/mcp/server-card.json
- MCP エンドポイント:https://chromedevtoolsmcp.clauxel.com/mcp
ステータス
このリポジトリは、ホステッドサービスの公開ドキュメントおよびディレクトリ登録用の参考資料です。非公開の本番ソースコードは含まれていません。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。