OpenClawSkills
GitHub
Feature • 4分で読める

ブラウザ & Canvas

エージェントにウェブ上の「目」と「手」を与えます。包括的な自動化と視覚的インタラクション。

OpenClaw には強力なブラウザ自動化と、視覚的な Canvas ワークスペースがあります。エージェントが Web サイトを操作したり、作業を自動化したり、複雑な操作を視覚的に扱える UI を提供します。

Tutorial.step

ブラウザ操作

ブラウザツールにより、OpenClaw は次のことができます：

  • 🔍
    Web サイトを移動任意の Web サイトを開いて操作できます。
  • ✍️
    フォーム入力Web フォームを自動で入力して送信します。
  • 📄
    データ抽出ページから情報をスクレイプして抽出します。
  • 🖱️
    要素をクリックボタン、リンク、各種 UI 要素を操作します。
  • 📸
    スクリーンショットページのスクリーンショットを取得します。
  • ⚡
    Execute JavaScriptページ上で任意の JavaScript を実行します。

ブラウザ操作を有効化

BrowserPage.browserControl.configDesc

openclaw.json
{
  "browser": {
    "enabled": true,
    "defaultProfile": "openclaw",
    "headless": false,
    "profiles": {
      "openclaw": { "cdpPort": 18800, "color": "#FF4500" },
      "work": { "cdpPort": 18801, "color": "#0066CC" }
    }
  }
}

ユースケース

  • フォーム送信の自動化
  • Web サイトの変更監視
  • Web ページからのデータ抽出
  • Web ベースのリサーチ
  • 反復的な Web 作業の自動化
Tutorial.step

Canvas ワークスペース

Canvas は OpenClaw のビジュアルワークスペース機能です：

  • ビジュアル UI - エージェント主導のビジュアルワークスペース
  • インタラクティブ要素 - ボタン、フォーム、各種コントロール
  • リアルタイム更新 - 動的コンテンツの更新
  • ノード連携 - iOS/Android ノード経由でアクセス可能

Canvas ホスト

Canvas ホストはビジュアル UI を配信します：

  • HTTP ファイルサーバー（ポート 18793、既定）BrowserPage.canvas.server.desc
  • Control UI またはノードからアクセス可能既定で安全（ループバックまたは認証）。
Tutorial.step

ブラウザ自動化の例

フォーム自動化

OpenClaw にフォーム入力と送信を依頼します：

  • "example.com の問い合わせフォームを入力して送信して"
  • "この申請フォームに自分の情報で入力して提出して"
  • "来週のフライトを予約して"

データ抽出

Web サイトから情報を抽出します：

  • "この商品ページの最新価格を取って"
  • "このページからメールアドレスを全部抜き出して"
  • "このサイトの表データをスクレイプして"

Web Monitoring

Web サイトの変更を監視します：

  • 在庫状況を確認する
  • 価格変動を監視する
  • サイト更新を追跡する
Tutorial.step

ブラウザのセキュリティ

ブラウザ操作は強力なため、慎重に利用してください：

既定でサンドボックス

ブラウザは隔離環境で実行されます。

セッション分離

各セッションは独立したブラウザコンテキストを持ちます。

ツールポリシー

セッションごとにブラウザへのアクセスを制御できます。

信頼できるセッションのみ

信頼できないセッション（グループなど）では、既定でブラウザアクセスが無効になっているのが通常です。

Tutorial.step

ブラウザのトラブルシューティング

よくある問題と対処：

  • Linux の問題追加の依存関係が必要な場合があります（Linux のブラウザ・トラブルシューティングを参照）。
  • 権限ブラウザに必要な権限があることを確認してください。
  • ヘッドレスモードブラウザは既定でヘッドレスで動作します。
  • タイムアウトページの読み込みが遅い場合はタイムアウト設定を調整してください。