BrowserTools MCPは、3つのコンポーネントを必要とし、以下に詳細な設定手順を示します:
1.クローム拡張機能のインストール
- GitHubの公式リリースページから拡張機能のzipをダウンロードしてください(v1.2.0で5MB程度)。
- 解凍し、chrome://extensions/経由で開発者モードでロードする。
2.ノードサーバーサイドデプロイメント
- Node.js 18以上の環境が必要
- はこびだす
npx @agentdeskai/browser-tools-server@latestサービス開始 - デフォルト・ポート3025、競合する場合は調整可能
3.MCPサーバー側の設定(Cursorを例として使用)
- コンパイラ
~/.cursor/mcp.json設定ファイル - にポイントを追加する。
@agentdeskai/browser-tools-mcpサービス構成 - 3つのバージョンすべてに互換性があることを確認する必要がある(現在は1.2.0を推奨)
インストールを確認する:カーソル設定インターフェイスが緑の接続ステータスを表示し、ブラウザの拡張アイコンがアクティブになったら、環境設定が成功したことを意味します。
この答えは記事から得たものである。BrowserTools MCP: ブラウザの動作をリアルタイムで監視するMCPサービスについて
































