> ## Documentation Index
> Fetch the complete documentation index at: https://tomee-mintlify-ae937543.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Aperçu en direct

> Prévisualisez votre site en temps réel pendant l'édition, avec des mises à jour continues qui affichent instantanément les changements de votre site.

Prévisualisez votre site pendant que vous le modifiez. Les aperçus en direct affichent les pages exactement telles qu'elles apparaissent une fois publiées. Ils se mettent à jour à mesure que vous modifiez le contenu, la navigation et la configuration.

<div id="open-live-preview">
  ## Ouvrir l'aperçu en direct
</div>

Cliquez sur le bouton d'aperçu en direct <Icon icon="play" /> dans la barre supérieure.

<Frame>
  <img src="https://mintcdn.com/tomee-mintlify-ae937543/tq3e7ESc5RjVg6WP/images/editor/live-preview-light.png?fit=max&auto=format&n=tq3e7ESc5RjVg6WP&q=85&s=addbd92228c0d2320287bd82fbf141d1" alt="Le bouton d'aperçu en direct dans la barre d'outils." className="block dark:hidden" width="464" height="192" data-path="images/editor/live-preview-light.png" />

  <img src="https://mintcdn.com/tomee-mintlify-ae937543/tq3e7ESc5RjVg6WP/images/editor/live-preview-dark.png?fit=max&auto=format&n=tq3e7ESc5RjVg6WP&q=85&s=0992e76cb627b8c51672e925acf380a8" alt="Le bouton d'aperçu en direct dans la barre d'outils." className="hidden dark:block" width="467" height="192" data-path="images/editor/live-preview-dark.png" />
</Frame>

<div id="edit-site-settings-in-live-preview">
  ## Modifier les paramètres du site dans l'aperçu en direct
</div>

Modifiez les paramètres de votre site dans l'aperçu en direct pour voir leur effet sur le contenu affiché.

1. Ouvrez l'aperçu en direct dans l'éditeur.
2. Cliquez sur **Site settings** dans la barre d'outils de l'aperçu.
3. Sélectionnez une section de configuration et modifiez les paramètres.

Si vous configurez l'aperçu en direct pour qu'il s'ouvre dans un nouvel onglet, le menu des paramètres du site n'est pas disponible. Désactivez **Open live preview in new tab** dans les [paramètres de l'éditeur](/fr/editor/settings) pour utiliser le menu des paramètres du site.

<div id="ask-the-agent-in-live-preview">
  ## Demander à l'agent dans l'aperçu en direct
</div>

Cliquez sur **Ask agent** dans la barre d'outils de l'aperçu pour ouvrir l'[agent de l'éditeur](/fr/editor/agent) à côté de l'aperçu en direct. Seuls les éditeurs et les administrateurs peuvent utiliser l'agent dans les aperçus en direct.

<Note>
  L'aperçu en direct fonctionne pour les sites publics et les sites protégés par l'authentification Mintlify. Pour les sites authentifiés, l'éditeur vous connecte automatiquement à l'aperçu.
</Note>

<div id="live-preview-versus-preview-deployments">
  ## Aperçu en direct vs déploiements de prévisualisation
</div>

|                      | Aperçu en direct                                                      | Déploiement de prévisualisation                |
| -------------------- | --------------------------------------------------------------------- | ---------------------------------------------- |
| **Vitesse**          | Immédiat                                                              | Nécessite un build                             |
| **Accès**            | URL locale, avec authentification automatique pour les sites protégés | URL partageable                                |
| **Quand l'utiliser** | Pour revoir les modifications pendant l'édition                       | Pour partager avec votre équipe pour relecture |
| **Disponibilité**    | Tant que l'éditeur reste ouvert                                       | Tant que la branche existe                     |

Utilisez l'aperçu en direct pour obtenir un retour immédiat pendant l'édition. Lorsque vous devez partager des modifications avec votre équipe ou tester sur un autre appareil, utilisez un [déploiement de prévisualisation](/fr/editor/branching-and-publishing#preview-your-changes).