Playwright MCP によるフルブラウザ自動化 — Chrome、Firefox、WebKit 全体でのナビゲーション、クリック、フォーム入力、データ抽出、スクリーンショット撮影が可能です。
npx clawhub@latest install playwright-mcpPlaywright MCP は、Model Context Protocol を使用して、AIエージェントに実際のウェブブラウザの完全な制御を提供します。Microsoft の Playwright エンジンをベースに構築されており、Chromium、Firefox、WebKit をサポートし、プログラムによるナビゲーション、フォーム操作、JavaScript の実行、データ抽出、ファイルのアップロードを、クリーンな MCP ツールのセットを通じて実現します。CI 環境でのヘッドレス実行でも、デバッグ用の可視ブラウザでの実行でも、ブラウザ自動化ワークフローのライフサイクル全体を処理します。
npx clawhub@latest install playwright-mcpこのページ上部のインストールボタンをクリックするとワンクリックでセットアップできます
--browser フラグを1つ渡すだけで、Chromium、Firefox、または WebKit に対して自動化を実行できます。エンジンの切り替えにコード変更は不要で、クロスブラウザテストや互換性チェックを簡単に行うことができます。
browser_navigate、browser_click、browser_type、browser_evaluate、browser_snapshot、browser_choose_file、browser_press など、10種類の専用ツールを提供しており、AIエージェントが必要とするあらゆる一般的なブラウザ操作パターンを網羅しています。
browser_evaluate ツールは、ページのコンテキストで任意のJavaScriptを実行し、結果をJSONとして返します。これにより、追加のツールを必要とせずに、複雑なデータ抽出、DOM操作、カスタムスクリプトの実行が可能になります。
ヘッドレスモードとヘッドありモードの両方に対応し、ビューポートサイズの設定、カスタムユーザーエージェント、アクション/ナビゲーションタイムアウトの調整が可能です — CIパイプラインとインタラクティブなデバッグセッションの両方に柔軟に対応します。
デフォルトでファイルシステムへのアクセスをワークスペースのルートに制限し、ナビゲーション先を制御するための --allowed-hosts および --blocked-origins をサポートし、攻撃対象領域を縮小するためにサンドボックス化をすぐに有効化します。
オプションでPlaywrightのトレースを保存(--save-trace)、セッション動画を録画(--save-video)し、出力アーティファクトを設定可能なディレクトリに出力できます。自動化の失敗したテストのデバッグやエージェントの動作監査に役立ちます。
ログインページに移動し、browser_type で認証情報を入力、browser_click でサブミットした後、認証済みページに進んでデータを抽出します — すべて単一のエージェントワークフローで実行できます。
browser_navigate を使用してページを読み込み、次に browser_evaluate をカスタムスクリプトと組み合わせて、JavaScriptの実行後にのみ表示されるテーブル行、構造化JSON、またはあらゆるDOMコンテンツを取得します。
マルチステップフォームを順番に操作しながら — ドロップダウンオプションの選択、ファイルのアップロード、キーボードショートカットの実行、結果テキストの確認 — ユーザーの視点からWebアプリの動作を検証します。
スケジュールに従ってダッシュボードやランディングページに移動し、browser_evaluate および出力ディレクトリのスクリーンショットを使ってレンダリングされた状態をキャプチャし、時間の経過とともに発生したビジュアルまたはコンテンツの変化にフラグを立てます。
npx clawhub@latest install playwright-mcpレビューを書くにはログイン
まだレビューはありません。最初の体験をシェアしましょう!