U kunt uw website op uw telefoon bekijken zonder hem te publiceren. Klik in EverWeb op Voorbeeld in de knoppenbalk, kies Preview QR Code (voorbeeld-QR-code) en scan de code met de camera van uw telefoon. Uw telefoon moet op hetzelfde wifinetwerk zitten als uw computer, en EverWeb moet open blijven terwijl u kijkt.
Voorbeeld op uw telefoon
Voordat u begint: verbind uw telefoon en uw computer met hetzelfde wifinetwerk en open uw project in EverWeb.
- Selecteer in de paginalijst de pagina die u wilt zien.
- Klik op Voorbeeld in de knoppenbalk en kies Preview QR Code. (Het staat ook in File > Voorbeeld.)
- Vraagt EverWeb Do you want to enable the local preview server? (wilt u de lokale voorbeeldserver inschakelen?), klik dan op Ja.
- Richt de camera van uw telefoon op de code en tik op de link die verschijnt.
De pagina opent in de browser van uw telefoon, en u kunt doortikken naar uw andere pagina's. U kunt ook het adres onder de code in de browser van uw telefoon typen. Het begint met http:// en eindigt op :13434, en uw telefoon meldt misschien "Niet veilig". Dat is normaal: het is een privévoorbeeld dat van uw computer komt, niet uw live website.
Hebt u iets gewijzigd, kies dan opnieuw Preview QR Code en laad de pagina op uw telefoon opnieuw.
Als het voorbeeld niet opent op uw telefoon
| Wat u ziet | Wat u doet |
|---|---|
| EverWeb meldt "The local preview server is not activated" (de lokale voorbeeldserver is niet geactiveerd) | Zet de voorbeeldserver aan: EverWeb > Instellingen > Algemeen op een Mac, of Wijzig > Opties > Algemeen op Windows. Vink onder Voorbeeld de optie Voorbeeldserver gebruiken aan. |
| Instellingen toont "Not Connected to Wifi" (niet verbonden met wifi) onder Remote URLs | Verbind uw computer met uw netwerk, stop EverWeb en open het opnieuw. |
| De pagina blijft laden en meldt dan dat er geen verbinding kan worden gemaakt | Controleer of de telefoon op hetzelfde wifinetwerk zit, en niet op mobiele data of een gastnetwerk (gastnetwerken in hotels en kantoren houden apparaten bewust van elkaar gescheiden). Zet een eventuele VPN uit op beide apparaten, en iCloud Private Relay op de telefoon. Controleer daarna de firewall van uw computer (zie hieronder). |
| "Error 404: File Not Found" (bestand niet gevonden) | Houd het project open in EverWeb, kies opnieuw Preview QR Code en scan de nieuwe code. |
| Sommige afbeeldingen ontbreken | Laad de pagina op uw telefoon opnieuw. Dit is verbeterd in EverWeb 4.6. |
| Een contactformulier verstuurt niets, of een betaalknop werkt niet | Die werken alleen op uw gepubliceerde website. Probeer ze uit op een testkopie: zie Wijzigingen uitproberen voordat ze live gaan: publiceer een testkopie van uw website. |
De firewall van uw computer
Een firewall kan verhinderen dat uw telefoon EverWeb bereikt.
- Mac: open Systeeminstellingen > Netwerk > Firewall. Staat die aan, klik dan op Opties... en zorg dat EverWeb inkomende verbindingen mag toestaan.
- Windows: zorg dat uw wifi is ingesteld als Privé-netwerk (in Instellingen > Netwerk en internet), en dat EverWeb voor privénetwerken wordt toegestaan door Windows Defender Firewall. Vroeg Windows naar EverWeb toen u het voor het eerst opende en hebt u gekozen om het te blokkeren, sta het daar dan toe.
- iPhone met Chrome of een andere browser dan Safari: ga naar Instellingen > Privacy en beveiliging > Lokaal netwerk en zet het aan voor die browser.
Voorbeeld in andere browsers op uw computer
De lijst Voorbeeld toont de browsers die op uw computer zijn geïnstalleerd, zoals Safari, Google Chrome, Firefox en Opera op een Mac, of Chrome, Firefox en Edge op Windows. Kies er een om de geselecteerde pagina daarin te openen. Op een Mac waarop de Simulator van Apple is geïnstalleerd (die hoort bij Xcode), verschijnt ook Simulator in de lijst, en die opent uw pagina op een gesimuleerde iPhone.
De telefoonweergave in EverWeb controleren
- Responsieve pagina's: maak het EverWeb-venster smaller. De pagina deelt zichzelf opnieuw in zoals op een kleiner scherm. Kies Scherm > Breakpoints tonen om stippellijnen te zien op de plekken waar de indeling wisselt tussen telefoon, tablet en desktop.
- Pagina's met de lay-out Gecentreerd en een Mobiel pagina: de telefoonversie is een aparte pagina. Selecteer die in de paginalijst om hem te bekijken en te bewerken. Telefoons worden er automatisch naartoe gestuurd, ook in het voorbeeld via de QR-code. Gebruikt u op uw computer de apparaatmodus van een browser (zoals de apparaatwerkbalk van Chrome), laad de pagina dan opnieuw nadat u een telefoon hebt gekozen, zodat hij overschakelt naar de mobiele pagina.
Ziet de pagina er op uw telefoon verkeerd uit, zie dan Mijn website ziet er op mijn computer goed uit, maar is op mijn telefoon afgesneden of door elkaar.
Gerelateerde artikelen
- Mijn website ziet er op mijn computer goed uit, maar is op mijn telefoon afgesneden of door elkaar
- Mijn website ziet er verkeerd uit op een telefoon: zo werkt mobiel in EverWeb
- Maak stap voor stap een telefoonversie van een pagina met de lay-out Gecentreerd (mobiele pagina)
- Wijzigingen uitproberen voordat ze live gaan: publiceer een testkopie van uw website