Comment prévisualiser le site web

À tout moment, l’editor permet de preview le site Web afin d’avoir une idée générale des modifications que vous êtes en train d’effectuer.

L’option Preview s’affiche en haut à droite de l’editor. Cliquez dessus pour afficher un nouvel onglet contenant la prévisualisation de votre site Web dans les divers viewports. Faites défiler l’écran vers le bas pour explorer le site Web et testez quelques éléments. Pour prévisualiser le site Web en plein écran sur votre ordinateur de bureau, cliquez sur Remove Frame dans le coin supérieur droit.

Une fois terminé, fermez l’onglet et continuez à travailler dans l’editor.

Astuce

Pour ne pas ouvrir la Preview avec les différents viewports (desktop, mobile et tablet), maintenez enfoncée la touche ALT du clavier tout en cliquant sur Preview dans l’editor. L’editor ouvre alors une prévisualisation de votre site Web en version desktop uniquement.