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

​
要素をエージェントに送信する

プレビュー では、要素やコンポーネント、エラーを選択して、直接 エージェント に送信できます。右下の「Send element」ボタンをクリックし、送信したい要素を選択してください。 選択した要素は、現在の エージェント プロンプトに @ mention として挿入されます。プロンプトには必要な数だけ要素を追加できます。

​
対応エージェント

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

​
IDE 内プレビュー

Devin Desktop では、エディタ内でプレビューを新しいタブとして開けます。これはシンプルな Web ビューで、エージェントパネルと並べて Web アプリを表示できます。 これらのプレビューはローカルでホストされているため、システムのブラウザでも開けます。その場合も、すべてのリスナーが有効で、要素やコンソールエラーを選択してエージェントに送信できます。
リスナー機能、および要素やエラーを送信する機能は、Google Chrome、Arc、ならびに Chromium ベースのブラウザ向けに最適化されています。