Browser Use MCP Server

MCPプロトコルに基づくAI駆動のブラウザ自動化サーバーで、自然言語によるウェブページ操作と深度ウェブ調査をサポートします。

ブラウザ自動化開発者ツール #ブラウザ自動化 #AIエージェント #ウェブ調査 #MCPプロトコル .Python

スコア : 5ポイント

ダウンロード数 : 15.0K

更新時間 : 2025-04-27

サイトを開く

ブラウザでMCPサーバーを使用するとは？

ブラウザでMCPサーバーを使用するのは、Model Context Protocol（MCP）に基づくAI駆動のブラウザ自動化ツールです。自然言語指令によってブラウザ操作を制御し、ページナビゲーション、フォーム入力、要素とのインタラクションなどの機能をサポートします。

ブラウザでMCPサーバーを使用する方法は？

ユーザーはクライアント（例：Claude Desktop）を設定してこのサーバーに接続し、自然言語指令を送信してタスクを実行できます。

適用シーン

ウェブページの自動操作、多段階のウェブ調査、レポート生成が必要なシーンに適しています。

主要機能

MCPプロトコルの統合

MCPプロトコルを完全に実装し、AIエージェントとの通信をサポートします。

ブラウザ自動化

自然言語指令によってページナビゲーション、フォーム入力、要素とのインタラクションを実現します。

視覚理解

オプションのスクリーンショット分析機能で、視覚能力を持つ大規模モデルをサポートします。

状態の永続化

ブラウザセッションの管理や、ユーザー自身のブラウザへの接続をサポートします。

多様なモデルのサポート

OpenAI、Anthropic、Azureなどの多様な大規模モデルをサポートします。

深度調査ツール

多段階のウェブ調査とレポート生成に特化したツールです。

環境変数の設定

環境変数による全面的な設定をサポートします。

CDP接続

ユーザーが起動したChrome/Chromiumインスタンスへの接続と制御をサポートします。

利点

強力なMCPプロトコルのサポート

豊富なブラウザ自動化機能

多様な大規模モデルとの互換性

柔軟な状態管理

制限

一定の設定知識が必要

ネットワーク環境に一定の要求がある

使い方

依存関係のインストール

Python 3.11以上のバージョンがインストールされていることを確認し、必要な依存関係をインストールします。

Playwrightブラウザの起動

以下のコマンドを実行して必要なブラウザを同期インストールします。

クライアントの設定

クライアントの設定ファイルにサーバーアドレスとAPIキーを追加します。

テスト実行

サーバーを起動し、正常に動作するかを確認します。

使用例

例1：ブラウザ自動化

自然言語指令によってブラウザを制御します。

例2：深度ウェブ調査

量子コンピューティングに関する調査レポートを生成します。

よくある質問

自分のブラウザに接続するにはどうすればいいですか？

なぜAPIキーが必要なのですか？

CDP接続が失敗した場合はどう解決すればいいですか？

🚀 環境変数設定

MCP_USE_OWN_BROWSER

true に設定すると、サーバーが既存のブラウザーインスタンスに接続するように指示します。

CHROME_CDP

Chrome ブラウザーの開発者ツールプロトコル（DevTools Protocol）の URL アドレスを指定します。形式は以下の通りです。

http://host:port

設定例

.env ファイルまたはシステム環境変数に以下の内容を設定します。

MCP_USE_OWN_BROWSER=true
CHROME_CDP=http://localhost:9222 # Chrome を起動するのと同じポートを使用

🚀 クイックスタート

ステップ 1：Chrome ブラウザーを起動する

--remote-debugging-port フラグを使用して Chrome を起動します。

google-chrome --remote-debugging-port=9222

ポート 9222 が既に使用されている場合は、他のポート（例：9223）を選択し、CHROME_CDP 環境変数を適宜更新してください。

ステップ 2：環境変数を設定する

MCP サーバーを起動する前に、以下の環境変数を設定します。

MCP_USE_OWN_BROWSER=true
CHROME_CDP=http://localhost:9222 # Chrome を起動するのと同じポートを使用

ステップ 3：MCP サーバーを実行する

通常の手順で MCP サーバーを起動します。

uv run mcp-server-browser-use

⚠️ 注意事項

ブラウザーの状態：MCP_USE_OWN_BROWSER=true を使用する場合は、Chrome ブラウザーが開いていることを確認してください。
ポートのアクセス：CHROME_CDP URL が MCP サーバーからアクセス可能であることを確認してください（通常は同じマシン上の http://localhost:PORT）。
ブラウザーウィンドウのサイズ：MCP サーバーは、現在の Chrome ウィンドウの実際のサイズを使用し、環境変数の設定ではなくなります。

🔧 開発ガイド

# 開発依存関係をインストールし、プロジェクトの依存関係を同期する
uv sync --dev

# Playwright ブラウザーをインストールする
uv run playwright install

# デバッグツールを使用する（例：ローカルの Chrome に接続する）
# 1. Chrome を起動する：google-chrome --remote-debugging-port=9222
# 2. デバッグコマンドを実行する：
npx @modelcontextprotocol/inspector@latest \
  -e OPENROUTER_API_KEY=$OPENROUTER_API_KEY \
  -e MCP_MODEL_PROVIDER=openrouter \
  -e MCP_MODEL_NAME=anthropic/claude-3.7-sonnet \
  -e MCP_USE_OWN_BROWSER=true \
  -e CHROME_CDP=http://localhost:9222 \
  uv --directory . run mcp run src/mcp_server_browser_use/server.py
# 注意：必要に応じてタイムアウト時間を調整してください（デフォルトは 10 秒）

🛠️ トラブルシューティング

ブラウザーの競合：MCP_USE_OWN_BROWSER=false の場合、他の Chrome インスタンスが同じユーザーデータディレクトリを使用していないことを確認してください。
CDP 接続の問題：
- Chrome が --remote-debugging-port フラグを使用して起動されていることを確認してください。
- CHROME_CDP ポートが正しいことを確認し、ファイアウォールがそのポートへのアクセスをブロックしていないことを確認してください。
- ブラウザーインスタンスがまだ実行中であることを確認してください。
API エラー：関連する API キーと設定が正しいことを確認してください。
開発者ツールプロトコルの問題：Chrome ブラウザーのバージョンが必要な DevTools 機能をサポートしていることを確認してください。