コンテンツにスキップ
OpenChamber

プレビューと開発サーバー

開発サーバーを起動すると、OpenChamber は別のブラウザタブではなくアプリ内で直接開けます。サイトをチャットの横で見ながら、コンソールを取得し、要素を指して質問できます。

プレビューを開く

OpenChamber はターミナル出力からローカルアドレスを監視します（Vite、Next.js、Astro などが表示する Local: 行）。見つけると次のことができます。

  • ターミナルに Open preview ボタンが表示されます
  • 自動オープンを有効にした プロジェクトアクション が開きます
  • チャットメッセージ内のローカルリンクからも開けます

サイトはサイドパネルに読み込まれます。プレビューできるのはローカルアドレス（あなたのマシン上）のみです。

コンソールと検査

プレビューパネルでは次のことができます。

  • ページの console を見る — エラー、警告、ログを好きなようにフィルターできます
  • inspect をオンにし、任意の要素をクリックして、そのメモ（セレクター、スタイル、位置、スクリーンショット）をそのままチャットへ送る

これは「このボタン、ここ」とエージェントに伝える最速の方法です。

関連