Sie können Ihre Website auf Ihrem Smartphone ansehen, ohne sie zu veröffentlichen. Klicken Sie in EverWeb in der Werkzeugleiste auf Vorschau, wählen Sie Preview QR Code (QR-Code-Vorschau) und scannen Sie den Code mit der Kamera Ihres Smartphones. Ihr Smartphone muss im selben WLAN sein wie Ihr Computer, und EverWeb muss geöffnet bleiben, während Sie sich die Seiten ansehen.
Vorschau auf Ihrem Smartphone
Bevor Sie beginnen: Verbinden Sie Smartphone und Computer mit demselben WLAN und öffnen Sie Ihr Projekt in EverWeb.
- Wählen Sie in der Seitenliste die Seite aus, die Sie sehen möchten.
- Klicken Sie in der Werkzeugleiste auf Vorschau und wählen Sie Preview QR Code. (Sie finden die Funktion auch unter Datei > Vorschau.)
- Wenn EverWeb fragt Do you want to enable the local preview server? (Möchten Sie den lokalen Vorschau-Server aktivieren?), klicken Sie auf Ja.
- Richten Sie die Kamera Ihres Smartphones auf den Code und tippen Sie auf den Link, der erscheint.
Die Seite öffnet sich im Browser Ihres Smartphones, und Sie können sich zu Ihren anderen Seiten weitertippen. Sie können auch die unter dem Code angezeigte Adresse in den Browser Ihres Smartphones eingeben. Sie beginnt mit http:// und endet auf :13434, und Ihr Smartphone zeigt eventuell „Nicht sicher“ an. Das ist normal: Es ist eine private Vorschau, die von Ihrem Computer kommt, nicht Ihre Live-Website.
Wenn Sie etwas geändert haben, wählen Sie erneut Preview QR Code und laden Sie die Seite auf Ihrem Smartphone neu.
Wenn sich die Vorschau auf Ihrem Smartphone nicht öffnet
| Was Sie sehen | Was Sie tun können |
|---|---|
| EverWeb meldet „The local preview server is not activated“ (Der lokale Vorschau-Server ist nicht aktiviert) | Schalten Sie den Vorschau-Server ein: auf einem Mac unter EverWeb > Einstellungen > Allgemein, unter Windows unter Bearbeiten > Optionen > Allgemein. Setzen Sie unter Vorschau ein Häkchen bei Vorschau-Server benutzen. |
| Die Einstellungen zeigen unter Remote URLs „Not Connected to Wifi“ (nicht mit WLAN verbunden) | Verbinden Sie Ihren Computer mit Ihrem Netzwerk, beenden Sie EverWeb und öffnen Sie es erneut. |
| Die Seite lädt und lädt und meldet dann, dass keine Verbindung möglich ist | Prüfen Sie, ob das Smartphone im selben WLAN ist und nicht über mobile Daten oder ein Gastnetzwerk verbunden ist (Gastnetzwerke in Hotels und Büros trennen Geräte absichtlich voneinander). Schalten Sie auf beiden Geräten ein eventuelles VPN aus und auf dem Smartphone iCloud Private Relay. Prüfen Sie dann die Firewall Ihres Computers (siehe unten). |
| „Error 404: File Not Found“ | Lassen Sie das Projekt in EverWeb geöffnet, wählen Sie erneut Preview QR Code und scannen Sie den neuen Code. |
| Einige Bilder fehlen | Laden Sie die Seite auf Ihrem Smartphone neu. Das wurde in EverWeb 4.6 verbessert. |
| Ein Kontaktformular sendet nicht, oder eine Zahlungsschaltfläche funktioniert nicht | Diese funktionieren nur auf Ihrer veröffentlichten Website. Testen Sie sie auf einer Testkopie: siehe Änderungen testen, bevor sie live gehen: eine Testkopie Ihrer Website veröffentlichen. |
Die Firewall Ihres Computers
Eine Firewall kann verhindern, dass Ihr Smartphone EverWeb erreicht.
- Mac: Öffnen Sie Systemeinstellungen > Netzwerk > Firewall. Ist sie eingeschaltet, klicken Sie auf Optionen ... und stellen Sie sicher, dass für EverWeb eingehende Verbindungen erlaubt sind.
- Windows: Stellen Sie sicher, dass Ihr WLAN als Privat eingestuft ist (unter Einstellungen > Netzwerk und Internet) und dass EverWeb in der Windows Defender Firewall für private Netzwerke zugelassen ist. Wenn Windows beim ersten Öffnen von EverWeb nachgefragt hat und Sie es blockiert haben, lassen Sie es dort zu.
- iPhone mit Chrome oder einem anderen Browser als Safari: Gehen Sie zu Einstellungen > Datenschutz & Sicherheit > Lokales Netzwerk und schalten Sie es für diesen Browser ein.
Vorschau in anderen Browsern auf Ihrem Computer
Die Liste Vorschau zeigt die auf Ihrem Computer installierten Browser, etwa Safari, Google Chrome, Firefox und Opera auf einem Mac oder Chrome, Firefox und Edge unter Windows. Wählen Sie einen aus, um die ausgewählte Seite darin zu öffnen. Ist auf einem Mac Apples Simulator installiert (er gehört zu Xcode), erscheint auch Simulator in der Liste und öffnet Ihre Seite auf einem simulierten iPhone.
Das Smartphone-Layout in EverWeb prüfen
- Responsive Seiten: Machen Sie das EverWeb-Fenster schmaler. Die Seite ordnet sich so neu an, wie sie es auf einem kleineren Bildschirm tun würde. Wählen Sie Fenster > Schwellenwerte anzeigen, um gestrichelte Linien zu sehen, an denen das Layout zwischen Smartphone, Tablet und Desktop wechselt.
- Seiten mit Zentriertem Layout und einer Mobilseite: Die Smartphone-Version ist eine separate Seite. Wählen Sie sie in der Seitenliste aus, um sie anzusehen und zu bearbeiten. Smartphones werden automatisch dorthin geleitet, auch in der QR-Code-Vorschau. Im Gerätemodus eines Browsers auf Ihrem Computer (etwa der Gerätesymbolleiste von Chrome) laden Sie die Seite neu, nachdem Sie ein Smartphone ausgewählt haben, damit sie zur Mobilseite wechselt.
Wenn die Seite auf Ihrem Smartphone falsch aussieht, lesen Sie Meine Website sieht auf meinem Computer gut aus, ist aber auf meinem Handy abgeschnitten oder durcheinander.
Verwandte Artikel
- Meine Website sieht auf meinem Computer gut aus, ist aber auf meinem Handy abgeschnitten oder durcheinander
- Meine Website sieht auf dem Handy falsch aus: So funktioniert die mobile Darstellung in EverWeb
- Eine Smartphone-Version einer Seite mit Zentriertem Layout erstellen (Mobilseite), Schritt für Schritt
- Änderungen testen, bevor sie live gehen: eine Testkopie Ihrer Website veröffentlichen