> ## 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.

# Anteprime di Devin Desktop

> Visualizza in anteprima la tua app web in locale nell'IDE di Devin Desktop o nel browser con selezione degli elementi, acquisizione degli errori e integrazione diretta con Cascade per iterare rapidamente.

Le anteprime di Devin Desktop ti consentono di visualizzare la distribuzione locale della tua app nell'IDE o nel browser (ottimizzato per Google Chrome, Arc e i browser basati su Chromium) con listener attivi, così puoi iterare rapidamente inviando facilmente elementi ed errori a Cascade come contesto.

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

Le anteprime di Devin Desktop si aprono tramite una chiamata a uno strumento, quindi per iniziare ti basta chiedere a Cascade di mostrare l'anteprima del tuo sito. In alternativa, puoi anche fare clic sull'icona Web nella barra degli strumenti di Cascade per inoltrare automaticamente il prompt in linguaggio naturale ed entrare nel proxy.

<Frame style={{ border: 'none', background: 'none' }}>
  <img src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/previews/website-tools-icon.png?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=19ad5badf781a838024d1e5813dc4cf1" width="392" height="216" data-path="desktop/assets/windsurf/previews/website-tools-icon.png" />
</Frame>

<div id="send-elements-to-cascade">
  # Invia elementi a Cascade
</div>

Nell'anteprima, puoi selezionare e inviare direttamente a Cascade elementi/componenti ed errori. Ti basta fare clic sul pulsante "Invia elemento" in basso a destra, quindi selezionare l'elemento che vuoi inviare.

L'elemento selezionato verrà inserito nel prompt attuale di Cascade come `@ mention`. Puoi aggiungere al prompt tutti gli elementi che vuoi.

<div id="in-ide-preview">
  # Anteprima nell'IDE
</div>

Devin Desktop può aprire un'anteprima come nuova scheda nel tuo editor. Si tratta di una semplice vista web che ti consente di visualizzare l'app web accanto al pannello Cascade.

Poiché queste anteprime sono ospitate localmente, puoi aprirle anche nel browser di sistema, con tutti i listener e la possibilità di selezionare e inviare elementi ed errori della console a Cascade.

<Warning>I listener e le funzioni per inviare elementi ed errori sono ottimizzati per Google Chrome, Arc e i browser basati su Chromium.</Warning>

<div id="how-to-disable">
  # Come disabilitare
</div>

Puoi disabilitare le Anteprime di Devin Desktop da Devin - Settings. In questo modo, Cascade non effettuerà questa chiamata allo strumento.