Présivualisation du back-office

Nous offrons plusieurs façons de prévisualiser vos modifications lorsque vous travaillez sur votre application.
La preview 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 dans le menu Publication > Plate forme (PWA, iOS ou Android > Mettre à jour.

​
- L'application My Goodbarber, pour avoir un aperçu de la version native de l'application iOS ou Android.
- 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)).
 

Choisissez le type de prévisualisation dans la barre supérieure de votre back-office :
prévisualisation Mobile, prévisualisation Tablette, prévisualisation laptop et prévisualisation sur un 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-cis. 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 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.
Lorsque vous cliquez sur l'icone 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.