ブラウザパネル

ブラウザパネルはチャットのすぐ隣に任意のページを開きます。ヘッダーの地球儀ボタンから開いてください。

デスクトップアプリでは本物のブラウザです。ログイン状態は保持され、ホットリロードが動き、開発者ツールはワンクリックで開けます。ブラウザのタブでもページの表示はできますが、中を覗くことはできません。以下の注釈ツールはデスクトップ専用です。

ここで開いたページは、カメラ・マイク・位置情報を使えません。これらの要求は拒否されます。

ツールバー

アドレスバーはこのプロジェクトで開いたページを覚えていて、入力中に候補として出します。アドレスの一部でもページタイトルの一部でも一致します。矢印キーで候補を移動し、Enter で選択中の候補を開き、行のボタンでその候補を消せます。

隣には 再読み込み があり、変更がどうしても反映されないときのためにキャッシュを無視する 強制再読み込み、そしてページだけを拡大縮小するズーム操作も並びます。

Cookie を消去 と キャッシュを消去 はこのパネルにだけ効きます。OpenChamber のセッションや他のウィンドウには影響しません。

ページに注釈を付ける

注釈を押すと、ページの上に3つのツールを備えたバーが表示されます。

要素 — 要素をクリックします。別の要素をクリックすると選択が移り、同じ要素をもう一度クリックすると解除されます。
範囲 — 複数の要素にまたがる話をしたいときは、領域をドラッグで囲みます。
描画 — ページの上にフリーハンドで描きます。

印の隣に現れる入力欄に希望を書き、添付を押します。Enter でも送れます。チャットメッセージには、印を付けた内容、あなたのメモ、表示中のページに印を描き込んだスクリーンショットを含むカードが付きます。「このボタン、もう少し角を丸く」と言えば済み、場所を説明する必要はありません。

ページ自体は変更されません。注釈はそこにあるものに印を付けるだけです。Esc で取り消してツールバーを閉じます。

エージェントに操作させる

エージェントはブラウザパネルを自分で使えます。ページを開き、内容を読み、クリックし、文字を入力し、スクロールし、モバイル・タブレット・デスクトップのレイアウトを切り替えて、自分の作業をあなたに頼まず自分で確認します。その様子はパネルで見えます。

エージェントがページ内で任意のコードを実行することはできません。ブラウザは実際のログイン状態を保持しているため、上記の操作に限定されています。

見ている内容をプロジェクト内の .openchamber/screenshots/ に画像として保存し、返答の中で見せることもできます。ビフォー・アフターができるのはこのためで、ファイルはその後もプルリクエストに添付できる形で残ります。

ブラウザ操作は OpenChamber Web ツール で、設定 → 一般 → OpenChamber ツール から単独でオン・オフできます。

これにはデスクトップアプリが必要です。ブラウザのタブに表示したページは操作できません。

ブラウザープロバイダー

ここではデスクトップアプリの代わりを拡張機能が務めることもできます。ブラウザープロバイダーを宣言した拡張機能は OpenChamber サーバー上で自前のブラウザーを動かし、同じ操作に応答するため、デスクトップアプリが開いていなくても（たとえばリモートサーバー上でも）エージェントがブラウズできます。設定 → 一般 → OpenChamber ツール → ブラウザープロバイダー で選びます。該当する拡張機能がなければドロップダウンには「OpenChamber Web」だけが表示され、無効になっています。選択は次のブラウザー操作から適用されます。その拡張機能を一時停止または削除すると、再び OpenChamber Web が使われ、トーストで知らせます。拡張機能の作者は SDK パッケージの GUEST_SERVICES.md を参照してください。

開発者ツール