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

# Aperçus Windsurf

> Prévisualisez localement votre application web dans l’IDE Windsurf ou dans le navigateur, avec sélection d’éléments, capture des erreurs et intégration directe à Cascade pour itérer rapidement.

Les Aperçus Windsurf vous permettent d’afficher le déploiement local de votre application dans l’IDE ou dans le navigateur (optimisés pour Google Chrome, Arc et les navigateurs basés sur Chromium), avec des écouteurs, afin d’itérer rapidement en renvoyant facilement des éléments et des erreurs à Cascade en tant que contexte.

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

Les Aperçus Windsurf s’ouvrent via un appel d’outil ; il vous suffit de demander à Cascade d’ouvrir l’aperçu de votre site pour commencer. Vous pouvez aussi cliquer sur l’icône Web dans la barre d’outils de Cascade pour transmettre automatiquement l’invite en langage naturel et entrer dans le proxy.

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

<div id="send-elements-to-cascade">
  # Envoyer des éléments à Cascade
</div>

Dans l’Aperçu, vous pouvez sélectionner et envoyer des éléments/composants ainsi que des erreurs directement à Cascade. Cliquez simplement sur le bouton « Envoyer l’élément » en bas à droite, puis sélectionnez l’élément que vous souhaitez envoyer.

L’élément sélectionné sera inséré dans votre invite Cascade actuelle sous forme de « @mention ». Vous pouvez ajouter autant d’éléments que vous le souhaitez dans l’invite.

<div id="in-ide-preview">
  # Aperçu dans l’IDE
</div>

Windsurf peut ouvrir un aperçu dans un nouvel onglet de votre éditeur. Il s’agit d’une simple vue Web qui vous permet d’afficher une application web à côté de votre panneau Cascade.

Comme ces aperçus sont hébergés localement, vous pouvez aussi les ouvrir dans le navigateur de votre système, avec tous les écouteurs ainsi que la possibilité de sélectionner et d’envoyer des éléments et des erreurs de console à Cascade.

<Warning>Les écouteurs et la possibilité d’envoyer des éléments et des erreurs sont optimisés pour Google Chrome, Arc et les navigateurs basés sur Chromium.</Warning>

<div id="how-to-disable">
  # Comment désactiver
</div>

Vous pouvez désactiver Windsurf Previews dans les paramètres de Windsurf. Cela empêchera Cascade d’appeler cet outil.