De Web Inspector gebruiken in Safari voor iOS

Websites zijn niet altijd toegankelijk vanaf een desktopsysteem. Mobiele apparaten hebben ook browsers en ze worden net zo vaak, zo niet meer, gebruikt om websites te bezoeken als op desktops. In zeldzame gevallen hebben populaire websites een mobiele app, maar de meeste websites hebben er geen. Daarom moet een website enigszins redelijk werken op zowel desktop- als mobiele browsers. Om ervoor te zorgen dat dit het geval is, moeten websites worden gedebugd tijdens de ontwikkeling van mobiele webbrowsers, waar u problemen ondervindt omdat ze geen console hebben zoals desktopbrowsers.

Wilt u toegang tot de console voor mobiel Chrome op Android? Bekijk onze gids .

Web Inspector in Safari

Als u fouten oplost in websites in Safari op iOS, kunt u de ingebouwde webinspecteur van Safari gebruiken. De enige beperking is dat je een Mac nodig hebt. De webconsole op mobiel Safari is toegankelijk via Safari op een Mac. Het opzetten ervan duurt even.

iCloud-account

Om de webinspecteur in Safari te gebruiken, moeten het iOS-apparaat en de Mac hetzelfde iCloud-account gebruiken en Safari synchroniseren.

macOS

1. Open Systeemvoorkeuren .
2. Ga naar Apple ID (let op de ID die in gebruik is).
3. Selecteer iCloud in de kolom aan de linkerkant en zorg ervoor dat Safari is ingeschakeld in het rechterdeelvenster.
4. Open Safari .
5. Klik op Safari in de menubalk en selecteer Voorkeuren .
6. Ga in de voorkeuren van Safari naar het tabblad Geavanceerd .
7. Schakel het 'Toon ontwikkelmenu in menubalk' in .

iOS

1. Open de app Instellingen .
2. Tik bovenaan op je account .
3. Zorg ervoor dat de Apple ID die wordt gebruikt dezelfde is als die op de Mac wordt gebruikt .
4. Tik op iCloud .
5. Schakel iCloud voor Safari in .
6. Keer terug naar het hoofdscherm van de app Instellingen .
7. Ga naar Algemeen en scrol naar beneden.
8. Ga naar Reset>Locatie en privacy resetten .

Webinspector inschakelen

U bent nu klaar om het iOS-apparaat op uw Mac aan te sluiten.

1. Met behulp van een datakabel , sluit de iPhone (of iPad) naar de Mac .
2. Op uw iPhone ziet u een prompt met de vraag of de computer waarmee deze is verbonden, vertrouwd moet worden. Tik op Vertrouwen en voer de toegangscode voor uw apparaat in .
3. Open Safari op de iPhone en bezoek de website die u wilt debuggen .
4. Open Safari op de Mac en ga naar Ontwikkelen . Je iPhone zou in het submenu moeten verschijnen. Selecteer het en selecteer de website die u wilt debuggen. Het verschijnt in het submenu.
5. Er wordt een nieuw venster geopend met de webinspecteur .

Probleemoplossen

In sommige gevallen werkt de bovenstaande methode mogelijk niet. Dit is een bug met macOS. Het enige dat in bijna alle gevallen werkt, is de onderstaande oplossing, maar doe het volgende NADAT u de stappen in de vorige sectie hebt gevolgd.

1. Koppel de iPhone los van de Mac.
2. Open de Instellingen-app op de iPhone .
3. Ga naar Algemeen>Reset>Locatie en privacy resetten .
4. Schakel op de i Phone WiFi uit, schakel Bluetooth in en schakel Mobiele hotspot in .
5. Verbind de iPhone met de Mac . Vertrouw de computer wanneer daarom wordt gevraagd op de iPhone.
6. Open Safari op de iPhone en bezoek de website die u wilt opsporen.
7. Open Safari op de Mac .
8. Ga naar Ontwikkelen>Je iPhone>Verbinden via netwerk .
9. Ga vervolgens naar Ontwikkelen> Je iPhone> Selecteer de website die is geopend in Safari op de iPhone.

Gevolgtrekking

Het opsporen van fouten in een website in Safari voor iOS kan alleen met een Mac. U moet ervoor zorgen dat de versie van Safari op iOS dezelfde is als die op Mac. Een goede vuistregel is om altijd de nieuwste stabiele versie van iOS en macOS te gebruiken wanneer u een website debugt. Dit zorgt ervoor dat de versie van Safari op beide platforms hetzelfde is.