Prévisualisation du back-office

Nous offrons plusieurs façons de prévisualiser vos modifications lorsque vous travaillez sur votre application.
La prévisualisation vous permet de voir immédiatement les modifications* faites depuis votre back office.

*Ces changements seront visibles pour vos utilisateurs seulement lorsque vous aurez mis à jour vos paramètres en cliquant sur le bouton "Mettre à jour" en haut à droite de l'écran.

​
- La prévisualisation du back-office, visible depuis la colonne principale de votre back office (basée sur la version de la PWA (Progressive Web App)).

- Le mode Prévisualiser accessible depuis le bouton "Prévisualiser" en haut à droite (basée sur la version de la PWA (Progressive Web App)).
 

Une fenêtre de prévisualisation s'ouvre.

Choisissez le type de prévisualisation dans la barre supérieure de l'écran :

• Mobile
• Tablette
• Laptop 
• Navigateur

Voici la manière dont votre application apparaîtra sur un téléphone. Toutefois, gardez à l'esprit que le design de l'application est automatiquement redimensionné pour s'adapter à toute taille d'écran, de sorte que l'application réelle puisse apparaître différemment selon la taille de l'écran réel sur lequel l'application est prévisualisée. 

 

Voici la manière dont votre application s'affichera sur les tablettes. Le mode paysage est disponible sur celles-ci. Pour changer la position de l'écran, veuillez utiliser le bouton bleu en haut à droite de la prévisualisation.

 

L'aperçu laptop, comme indiqué, est la façon dont votre PWA s'affiche sur un ordinateur portable. Il est plus étroit qu'un aperçu de bureau régulier. 

 

L'aperçu du navigateur est la taille la plus large, c'est ainsi que l'application s'affichera sur un navigateur de bureau.
Cliquez sur l'icône en forme de planète pour ouvrir la prévisualisation du navigateur dans un nouvel onglet, cela ouvre la même page que celle affichée sur la prévisualisation du back office.

Note : en mode prévisualisation, une bannière apparaît dans la partie supérieure de l'écran.