> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devin.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Devin Desktop プレビュー

> 要素の選択、エラーの取得、エージェントとの直接統合により、Devin Desktop IDE またはブラウザで Web アプリをローカルにプレビューし、すばやく反復できます。

Devin Desktop プレビューを使うと、リスナーにより、アプリのローカル環境でのデプロイを IDE またはブラウザ (Google Chrome、Arc、Chromium ベースのブラウザ向けに最適化) で表示でき、要素やエラーを前提情報として簡単にエージェントに送り返せるため、すばやく反復できます。

<video autoPlay muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/ZXlEj7-YuSvmCewv/desktop/assets/windsurf/previews/browser-preview-demo.mp4?fit=max&auto=format&n=ZXlEj7-YuSvmCewv&q=85&s=c7c76c630b819c028998023e543f263b" data-path="desktop/assets/windsurf/previews/browser-preview-demo.mp4" />

Devin Desktop プレビューはツールの呼び出しで開くため、まずはエージェントにサイトをプレビューするよう依頼してください。

<div id="send-elements-to-the-agent">
  # 要素をエージェントに送信する
</div>

プレビュー では、要素やコンポーネント、エラーを選択して、直接 エージェント に送信できます。右下の「Send element」ボタンをクリックし、送信したい要素を選択してください。

選択した要素は、現在の エージェント プロンプトに `@ mention` として挿入されます。プロンプトには必要な数だけ要素を追加できます。

<div id="supported-agents">
  # 対応エージェント
</div>

プレビューはすべてのエージェントで利用できます。Devin Local、リモートエージェント、[ACP agents](/ja/desktop/acp)はすべて、同じワークフローでブラウザプレビューを開けます。エージェントがローカル開発サーバーをプロキシし、キャプチャした要素とコンソールエラーは保留中の前提情報として、そのエージェントのメッセージボックスに表示されます。Devin Desktopでは、プレビューはエージェントの横にある組み込みブラウザペインで開きます。

<div id="in-ide-preview">
  # IDE 内プレビュー
</div>

Devin Desktop では、エディタ内でプレビューを新しいタブとして開けます。これはシンプルな Web ビューで、エージェントパネルと並べて Web アプリを表示できます。

これらのプレビューはローカルでホストされているため、システムのブラウザでも開けます。その場合も、すべてのリスナーが有効で、要素やコンソールエラーを選択してエージェントに送信できます。

<Warning>リスナー機能、および要素やエラーを送信する機能は、Google Chrome、Arc、ならびに Chromium ベースのブラウザ向けに最適化されています。</Warning>