2026年 OpenClaw ブラウザ拡張実践:
日割り Mac で Safari/Chrome 自動テスト
Mac を持たないフロントエンド/テストエンジニア、Safari 互換性が必要な Web 開発者、OpenClaw の新機能を試したい方へ。OpenClaw v2026.2.22 の永続化ブラウザ拡張を日割りレンタル Mac でゼロ環境構築し、Safari 17 と Chrome の双ブラウザ互換テストを自動化する実践手順と避けるべき落とし穴を解説いたします。
Web の互換性テストや E2E 自動化には、Safari と Chrome の両方で検証することが求められます。しかし、仮想マシンや Docker では Safari の真の動作を再現できません。本記事では、日割りでリモート Mac を借り、OpenClaw v2026.2.22 の永続化ブラウザ拡張(Persistent Browser Extension)を利用して、10 分以内に Safari 17 と Chrome の双ブラウザ自動テスト環境を構築する手順、そして SIP 制限・拡張権限・VNC 入力法などよくある落とし穴への対処法をご説明いたします。
目次
01. OpenClaw v2026.2.22 永続化ブラウザ拡張:旧方式との違い
OpenClaw は 2026 年 2 月リリースの v2026.2.22 より、永続化ブラウザ拡張(Persistent Browser Extension)を正式サポートしました。従来は OpenClaw が独自の Chromium インスタンスを起動する「Managed モード」が中心でしたが、永続化拡張により、既存の Chrome タブに直接アタッチし、ログイン済みセッションや OAuth 認証済みアプリケーションをそのまま自動化できます。
| 項目 | 旧方式(Managed モード) | 新方式(永続化ブラウザ拡張) |
|---|---|---|
| ブラウザ | OpenClaw が Chromium を起動 | 既存の Chrome タブにアタッチ |
| 認証済みセッション | 毎回ログインが必要 | 保存済みログインをそのまま利用可能 |
| ポート | CDP ポート 18792 等 | localhost:18792 のリレーサーバー経由 |
| Safari 対応 | Chrome 系のみ | Safari は別途実機 macOS で手動/スクリーン認識で対応 |
拡張は MV3 形式で、chrome.debugger を用いてアクティブタブを制御します。ツールバーボタンで「アタッチ/デタッチ」を切り替え、バッジで状態(ON / 接続エラー)を確認できます。
02. なぜ Web 自動テストには実機 macOS が必要か
以下の課題のため、仮想マシンやコンテナでは Safari を含む Web 自動テストが十分に再現できません。
- 仮想マシンの制限:Safari は macOS 専用のため、Windows/Linux 上の VM では動作しません。macOS のライセンス上、一般ユーザーが仮想化して利用することも制約があります。
- 隠れたコストと遅延:クラウド VM で macOS を動かす場合、起動時間・ネットワーク遅延・料金の積み上がりが発生します。短期で検証したいだけの開発者には負担が大きいことがあります。
- WebKit の挙動差:Safari は WebKit エンジンを使用しており、Chrome の Blink とは CSS・JavaScript の挙動が異なります。実機の macOS 上で Safari 17 を動かさないと、本番ユーザー環境との差異を見逃すリスクがあります。
そのため、日割りでリモート Mac を借り、物理 macOS 上で Safari と Chrome の両方を検証する構成が、コストと品質のバランスにおいて有効です。
03. 10 分で始める:日割り Mac 開通 → OpenClaw → 拡張有効化
MacDate の日割り Mac を用いた、ゼロ環境からの構築手順を 5 ステップでご説明いたします。
ステップ1:ノードの申込と接続情報の取得
申込ページから M4 ベアメタルノードを日単位で申し込みます。可能であれば OpenClaw プリインストールイメージを選択してください。数時間以内に SSH と VNC の接続情報が届きます。
ステップ2:SSH でノードに接続し OpenClaw を確認
# OpenClaw の存在確認 which openclaw && openclaw --version # 未インストールの場合は公式ドキュメントに従いセットアップ
ステップ3:ブラウザ拡張のインストール
openclaw browser extension install # 拡張のパスを表示 openclaw browser extension path
表示されたディレクトリを Chrome の chrome://extensions で「パッケージ化されていない拡張機能を読み込む」から追加します。
ステップ4:リレーサーバーの起動と拡張のアタッチ
OpenClaw の browser サービスを起動し、ローカルリレー(ポート 18792)を有効にします。Chrome のツールバーに表示される拡張ボタンをクリックして「アタッチ」状態(バッジ ON)にします。
ステップ5:簡単なタスクで動作確認
CLI または API から「現在のタブの URL を取得する」などの簡単なタスクを実行し、拡張が正しく接続されていることを確認します。完了後、不要な日はノードを停止して課金を抑えます。
所要時間の目安:申込から利用開始まで 2〜4 時間、拡張のインストールとアタッチは 5 分以内。日額は香港ノードで約 $18.9/日、1 日だけ使う場合も随用随停で課金されます。
04. 実践:Safari 17 + Chrome 双ブラウザ互換テストの構成
Chrome は OpenClaw の拡張モードで自動化し、Safari は同一 Mac 上で並行して利用する構成が現実的です。
- Chrome:永続化拡張をアタッチし、CDP 経由でページの操作・スクリーンショット・ネットワーク監視を自動化します。
- Safari 17:macOS 標準の Safari を起動し、同一 URL を開きます。OpenClaw のスクリーン認識(Vision-Language モデル)または AppleScript で Safari の画面を操作・検証することも可能です。
- 並行実行:Playwright や Puppeteer のテストスクリプトを OpenClaw の browser コマンドと組み合わせ、Chrome と Safari の両方で同一シナリオを順次実行するラッパーを用意できます。
OpenClaw の browser モードには「Managed」「Extension Relay」「CDP」の 3 種類があります。Extension Relay モードを使用すると、既存の Chrome プロファイルをそのまま利用できるため、ログイン済み Web アプリの自動テストに適しています。
05. よくある落とし穴:SIP・拡張・VNC 入力法
- SIP(システム整合性保護)の制限:macOS の SIP が有効な状態では、一部の低レベル操作に制約があります。OpenClaw の通常のブラウザ制御には影響しませんが、カーネル拡張などを使う場合は無効化が必要になる場合があります。通常の Web 自動テストではそのままで問題ありません。
- 拡張権限の競合:複数の拡張が
chrome.debuggerを同時に使用しようとするとエラーになります。他のデバッガ系拡張を一時的に無効化するか、専用の Chrome プロファイルを使用してください。 - リモート VNC での入力法切替:VNC 経由でリモート Mac を操作する際、日本語入力の切り替え(英数/かな)がローカルとリモートで食い違うことがあります。テスト対象が英語中心であれば US キーボードに固定するか、事前に日本語入力をオフにしておくとトラブルを減らせます。
すぐに参照できるデータ
- OpenClaw ブラウザ拡張のデフォルトリレーポート:18792
- MacDate M4 香港ノードの日額目安:約 $18.9/日
- Safari 17 は macOS Sonoma 14 以降に標準搭載。リモート Mac では最新 macOS を選択することで利用可能です。
まとめ:日割り Mac で OpenClaw ブラウザ拡張を実践する
OpenClaw v2026.2.22 の永続化ブラウザ拡張は、既存の Chrome タブをそのまま自動化できる強力な機能です。Mac をお持ちでないフロントエンド/テストエンジニアや、Safari 互換性を検証したい Web 開発者は、日割りレンタル Mac でゼロ環境構築し、10 分程度で Safari 17 と Chrome の双ブラウザ自動テスト環境を整えられます。SIP・拡張権限・VNC 入力法などの落とし穴に注意し、短期間の検証に最適な構成を活用してください。