Deze wikiHow leert je hoe je Apple's desktop Safari-app gebruikt om de prestaties van mobiele webpagina's in Safari voor iPhone te controleren.
Stappen
Deel 1 van 3: Web Inspector inschakelen op uw iPhone
Stap 1. Open de instellingen van je iPhone
Het is een grijs pictogram met tandwielen op je startscherm.
Stap 2. Scroll naar beneden en tik op Safari
Het zit in de vierde of vijfde groep instellingen, samen met andere Apple iPhone-apps, zoals Mail en Contacten.
Stap 3. Scroll naar beneden en tik op Geavanceerd
Het staat onderaan het menu.
Stap 4. Schuif de knop naast "Web Inspector" naar de positie "Aan"
Dit is de laatste optie en wordt groen als deze is ingeschakeld.
Deel 2 van 3: Web Inspector inschakelen op uw Mac
Stap 1. Open Safari op je Mac
Het is de app die eruitziet als een blauw kompas.
Stap 2. Klik op Safari
Het staat in de menubalk in de linkerbovenhoek van het scherm.
Stap 3. Klik op Voorkeuren
Stap 4. Klik op ⚙️Geavanceerd
Dit is het meest rechtse tabblad bovenaan het venster.
Stap 5. Vink "Toon ontwikkelmenu in menubalk aan
" Het staat onderaan het venster.
Stap 6. Sluit je iPhone aan
Gebruik de USB-kabel die bij uw apparaat is geleverd om uw iPhone op uw Mac aan te sluiten.
Deel 3 van 3: Web Inspector gebruiken in Safari voor iPhone
Stap 1. Open een website
Open in Safari voor iPhone de mobiele webpagina die u wilt opsporen.
Stap 2. Klik op Ontwikkelen
Dit is het derde vervolgkeuzemenu van rechts in Safari voor Mac.
Stap 3. Klik op je iPhone
Het wordt bovenaan het menu weergegeven.
Stap 4. Klik op de website
Het verschijnt in een pop-up rechts van je iPhone.
Als u geen website hebt geopend in de Safari-app van uw iPhone, ziet u het bericht 'Geen inspecteerbare toepassingen'
Stap 5. Inspecteer de pagina
Met Safari op je Mac kun je de prestaties van mobiele pagina's op je iPhone verbeteren en meten.
- Met Web Inspector kunt u opdrachten in JavaScript uitvoeren om een meer dynamische, interactieve ervaring voor de gebruiker te creëren, zoals animatie en realtime berichten.
- Inspecteer DOM-elementen (Document Object Model) op fouten in de HTML-, XML- of JavaScript-opdrachten.
- Gebruik CSS om de lay-out, kleuren en lettertypen op mobiele pagina's bij te werken of te bewerken.