Vous pouvez voir votre site Web sur votre téléphone sans le publier. Dans EverWeb, cliquez sur Aperçu dans la barre d'outils, choisissez Preview QR Code (code QR d'aperçu) et scannez le code avec l'appareil photo de votre téléphone. Votre téléphone doit être connecté au même réseau Wi-Fi que votre ordinateur, et EverWeb doit rester ouvert pendant que vous regardez.
Prévisualiser sur votre téléphone
Avant de commencer : connectez votre téléphone et votre ordinateur au même réseau Wi-Fi, et ouvrez votre projet dans EverWeb.
- Dans la liste des pages, sélectionnez la page que vous voulez voir.
- Cliquez sur Aperçu dans la barre d'outils et choisissez Preview QR Code. (Cette commande se trouve aussi dans Fichier > Aperçu.)
- Si EverWeb vous demande Do you want to enable the local preview server? (Voulez-vous activer le serveur d'aperçu local ?), cliquez sur Oui.
- Pointez l'appareil photo de votre téléphone vers le code et touchez le lien qui apparaît.
La page s'ouvre dans le navigateur de votre téléphone, et vous pouvez passer à vos autres pages en touchant les liens. Vous pouvez aussi taper l'adresse affichée sous le code dans le navigateur de votre téléphone. Elle commence par http:// et se termine par :13434, et votre téléphone peut indiquer « Non sécurisé ». C'est normal : il s'agit d'un aperçu privé qui provient de votre ordinateur, et non de votre site Web en ligne.
Après une modification, choisissez de nouveau Preview QR Code, puis rechargez la page sur votre téléphone.
Si l'aperçu ne s'ouvre pas sur votre téléphone
| Ce que vous voyez | Que faire |
|---|---|
| EverWeb indique « The local preview server is not activated » (le serveur d'aperçu local n'est pas activé) | Activez le serveur d'aperçu : EverWeb > Réglages > Général sur Mac, ou Édition > Options > Général sous Windows. Sous Aperçu, cochez Utiliser le serveur de prévisualisation. |
| Les Réglages affichent « Not Connected to Wifi » (non connecté au Wi-Fi) sous Remote URLs | Connectez votre ordinateur à votre réseau, puis quittez et rouvrez EverWeb. |
| La page continue de charger, puis indique qu'elle ne peut pas se connecter | Vérifiez que le téléphone est sur le même Wi-Fi, et non sur les données mobiles ou sur un réseau invité (les réseaux invités des hôtels et des bureaux isolent volontairement les appareils les uns des autres). Désactivez tout VPN sur les deux appareils, ainsi qu'iCloud Private Relay sur le téléphone. Vérifiez ensuite le pare-feu de votre ordinateur (voir ci-dessous). |
| « Error 404: File Not Found » | Gardez le projet ouvert dans EverWeb, choisissez de nouveau Preview QR Code et scannez le nouveau code. |
| Certaines images manquent | Rechargez la page sur votre téléphone. Ce point a été amélioré dans EverWeb 4.6. |
| Un formulaire de contact n'envoie rien, ou un bouton de paiement ne fonctionne pas | Ces éléments ne fonctionnent que sur votre site Web publié. Testez-les sur une copie de test : consultez Tester des changements avant leur mise en ligne : publier une copie de test de votre site Web. |
Le pare-feu de votre ordinateur
Un pare-feu peut empêcher votre téléphone d'atteindre EverWeb.
- Mac : ouvrez Réglages Système > Réseau > Coupe-feu. S'il est activé, cliquez sur Options... et vérifiez qu'EverWeb est autorisé à recevoir les connexions entrantes.
- Windows : vérifiez que votre Wi-Fi est réglé sur un réseau Privé (dans Paramètres > Réseau et Internet), et qu'EverWeb est autorisé dans le Pare-feu Windows Defender pour les réseaux privés. Si Windows vous a posé une question au sujet d'EverWeb lors de sa première ouverture et que vous avez choisi de le bloquer, autorisez-le à cet endroit.
- iPhone avec Chrome ou un autre navigateur que Safari : allez dans Réglages > Confidentialité et sécurité > Réseau local et activez l'accès pour ce navigateur.
Prévisualiser dans d'autres navigateurs sur votre ordinateur
La liste Aperçu affiche les navigateurs installés sur votre ordinateur, comme Safari, Google Chrome, Firefox et Opera sur Mac, ou Chrome, Firefox et Edge sous Windows. Choisissez-en un pour y ouvrir la page sélectionnée. Sur un Mac où l'application Simulator d'Apple est installée (elle est fournie avec Xcode), Simulator apparaît aussi dans la liste et ouvre votre page sur un iPhone simulé.
Vérifier la mise en page pour téléphone dans EverWeb
- Pages adaptatives : rétrécissez la fenêtre EverWeb. La page se réorganise comme elle le ferait sur un écran plus petit. Choisissez Fenêtre > Montrer les points d'arrêt pour voir des lignes pointillées aux endroits où la mise en page change entre téléphone, tablette et ordinateur.
- Pages en Mise en page centrée avec une Page mobile : la version téléphone est une page séparée. Sélectionnez-la dans la liste des pages pour la voir et la modifier. Les téléphones y sont envoyés automatiquement, y compris dans l'aperçu par code QR. Dans le mode appareil d'un navigateur sur votre ordinateur (comme la barre d'outils des appareils de Chrome), rechargez la page après avoir choisi un téléphone pour qu'elle bascule vers la page mobile.
Si la page s'affiche mal sur votre téléphone, consultez Mon site Web s'affiche bien sur mon ordinateur, mais il est coupé ou désordonné sur mon téléphone.
Articles connexes
- Mon site Web s'affiche bien sur mon ordinateur, mais il est coupé ou désordonné sur mon téléphone
- Mon site Web s'affiche mal sur un téléphone : comment fonctionne le mobile dans EverWeb
- Créer une version téléphone d'une page en Mise en page centrée (Page mobile), étape par étape
- Tester des changements avant leur mise en ligne : publier une copie de test de votre site Web