🌐
Agent Browser
ブラウザ 開発ツールインストールコマンド
npx clawhub@latest install headless-browser
インストール手順
1
環境確認
Node.js 22以上とOpenClawがインストール済みであることを確認してください。ターミナルでopenclaw --versionを実行して確認できます。
2
インストール実行
上記のインストールコマンドをターミナルで実行します。ClawHubが自動的にAgent Browserを~/.openclaw/skills/ディレクトリにダウンロード・インストールします。
3
インストール確認
openclaw skills listを実行してインストール済みスキル一覧を確認し、Agent Browserが表示されていることを確かめてください。
4
パラメータ設定（任意）
下記の紹介にある設定手順に従い、~/.config/openclaw/openclaw.json5にスキルの設定項目を追加してください。
手動インストール方法：Skillフォルダを
~/.openclaw/skills/またはプロジェクトのskills/ディレクトリにコピーしてください。フォルダ内にSKILL.mdファイルが必要です。
ウェブ自動化
データ収集
スクリーンショット取得
詳細紹介
Agent Browser はヘッドレスブラウザ自動化機能を提供し、OpenClaw が実際の人間のようにブラウザを操作できるようにします——ボタンクリック、フォーム入力、ページスクロール、データ抽出。
コア機能
- ウェブ操作：マウスクリック、キーボード入力、ページスクロールなどのユーザー操作をシミュレート
- データ収集：動的にレンダリングされたウェブページから構造化データを抽出。JavaScriptレンダリングページに対応
- スクリーンショット & PDF：ウェブページのスクリーンショット撮影またはPDF生成。アーカイブやレポートに活用
- Cookie管理：ブラウザセッションとCookieを管理し、認証済み操作をサポート
設定方法
{
skills: {
"headless-browser": {
browser: "chromium", // chromium, firefox
headless: true,
viewport: { width: 1280, height: 720 },
timeout: 30000, // ページ読み込みタイムアウト（ms）
proxy: null
}
}
}
使用シーン
- ウェブフォームの入力と送信プロセスを自動化
- JavaScriptレンダリングが必要なウェブサイトからデータを収集
- ウェブサイト機能のE2E自動テスト
- 定期的にウェブページをスクリーンショットし、ページ変更を監視