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

picture

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


1

Preview mobile

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. 

 

picture

2

Preview tablette

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.

 

picture

3

Preview laptop

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. 

 

picture

4

Preview du navigateur

L'aperçu du navigateur est la taille la plus large, c'est ainsi que l'application s'affichera sur un navigateur de bureau.
Lorsque vous cliquez sur l'icône du navigateur, un nouvel onglet s'ouvre avec cet aperçu, 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.

picture

Autres articles
Conseils pour créer une app