---
url: "/fr/weblify/inspect/preview.md"
description: "L’onglet Preview de Weblify montre le rendu du site web généré à différentes tailles de fenêtre d’affichage."
---

# Prévisualiser le code du site web généré

> L’onglet Preview de Weblify montre le rendu du site web généré à différentes tailles de fenêtre d’affichage.

[Video](/assets/videos/weblify/inspect/preview-code.mp4)

Ouvrez l’onglet **Preview** pour afficher le site web Weblify actuel en HTML et CSS. Utilisez le menu des pages en haut du panneau pour choisir la page à prévisualiser. Vous pouvez revenir à **Add** ou à **Style** pour apporter des modifications, puis rouvrir **Preview** pour vérifier le résultat mis à jour. Sélectionnez **↻** pour actualiser l’aperçu.

## Modifier la largeur de la fenêtre d’aperçu {#changing-the-preview-viewport-width}

Sélectionnez **Desktop**, **Tablet** ou **Mobile** pour prévisualiser une largeur prédéfinie, ou **Fit** pour utiliser la largeur du panneau du plugin. Weblify mémorise votre choix. Les aperçus plus larges sont réduits pour tenir dans le panneau.