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 dans le menu Publication > Plateforme (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)).
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 dans le menu Publication > Plateforme (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 du mode prévisualisation :
prévisualisation Mobile, prévisualisation Tablette, prévisualisation laptop et prévisualisation sur un Navigateur.
prévisualisation Mobile, prévisualisation Tablette, prévisualisation laptop et prévisualisation sur un Navigateur.
1. Prévisualisation 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.
2. Prévisualisation tablette
Voici la manière dont votre application s'affichera sur les tablettes. Le mode paysage est disponible sur celle-ci. Pour changer la position de l'écran, veuillez utiliser le bouton bleu en haut à droite de la prévisualisation.
3. Prévisualisation ordinateur
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.
4. Prévisualisation navigateur
L'aperçu du navigateur est la taille la plus large, cela vous permet de voir et de tester l'application telle qu'elle apparaît dans un navigateur.
Cliquez sur l'icône de la planète pour ouvrir l'aperçu 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.
Cliquez sur l'icône de la planète pour ouvrir l'aperçu 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.
