Browser Devtools MCP について
Playwright ベースの MCP サーバー。ライブブラウザを AI エージェント向けの追跡可能、検査可能、デバッグ可能、制御可能な実行環境として公開
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
エンドポイント
https://{your_mcp_server_host}/mcpインストールコマンドをコピー
Claude CodeTerminal
claude mcp add --transport http browser-devtools https://{your_mcp_server_host}/mcpCursor.cursor/mcp.json
{"mcpServers":{"browser-devtools":{"type":"http","url":"https://{your_mcp_server_host}/mcp"}}}Cursor で開くVS Code.vscode/mcp.json
{"servers":{"browser-devtools":{"type":"http","url":"https://{your_mcp_server_host}/mcp"}}}VS Code で開くClaude Desktopclaude_desktop_config.json
{"mcpServers":{"browser-devtools":{"type":"http","url":"https://{your_mcp_server_host}/mcp"}}}Windsurf~/.codeium/windsurf/mcp_config.json
{"mcpServers":{"browser-devtools":{"serverUrl":"https://{your_mcp_server_host}/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
51| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| selector | string | いいえ | この要素に範囲を限定します。省略するとページ全体が対象になります。 |
| interactiveOnly | boolean | いいえ | インタラクティブ要素にのみ refs を割り当てます。 |
| maxDepth | integer | いいえ | ツリーの最大深度。0 = ルートのみ。 |
| compact | boolean | いいえ | コンテンツのない構造ノードを省略します。 |
| cursorInteractive | boolean | いいえ | cursor:pointer / onclick 要素を含めます。 |
詳細
メンテナーはまだ詳細を追加していません。リポジトリの README をご覧ください。
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。