> ## Documentation Index
> Fetch the complete documentation index at: https://tomee-mintlify-live-preview-site-settings.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. L'aperçu s'ouvre dans un nouvel onglet du navigateur ou dans l'éditeur. Son emplacement dépend de la préférence **Open live preview in new tab** dans les [paramètres de l'éditeur](/fr/editor/settings).

Lorsque l'aperçu s'ouvre dans l'éditeur, cliquez sur **Site settings** dans la barre d'outils de l'aperçu pour modifier la configuration de votre site sans quitter l'aperçu.

<Frame>
  <img src="https://mintcdn.com/tomee-mintlify-live-preview-site-settings/7qkypuvCQNO31vQw/images/editor/live-preview-light.png?fit=max&auto=format&n=7qkypuvCQNO31vQw&q=85&s=bfbcb45e131cfb3a3c7f53f645d3f368" 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-live-preview-site-settings/7qkypuvCQNO31vQw/images/editor/live-preview-dark.png?fit=max&auto=format&n=7qkypuvCQNO31vQw&q=85&s=de65e3115515e237f3e68f63833daea6" 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>

Utilisez l'inspecteur **Site settings** pour ajuster la configuration du site tout en vérifiant le résultat affiché. Il contient les mêmes sections que le panneau [Configuration du site](/fr/editor/configurations).

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.
4. Fermez l'inspecteur avec **Close site settings** pour revenir à l'aperçu.

L'aperçu se met à jour pendant vos modifications. Si votre préférence ouvre l'aperçu dans un nouvel onglet, désactivez **Open live preview in new tab** dans les [paramètres de l'éditeur](/fr/editor/settings). Vous pourrez ainsi utiliser l'inspecteur.

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

Les éditeurs peuvent cliquer 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. L'ouverture de l'agent ferme le panneau Site settings, et l'ouverture de Site settings ferme l'agent. Les utilisateurs ayant le rôle de viewer ne voient pas le bouton **Ask agent**.

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