Safari for iOS inkluderer en valgfri feilsøkingskonsoll for å hjelpe nettutviklere med å spore opp og løse problemer med nettsider på iPhone og iPad.

Enda bedre, med de nyeste versjonene av iOS bruker den faktisk den samme Web Inspector som Safari på skrivebordet også gjør, noe som betyr at hvis du kobler iPhone eller iPad til datamaskinen, kan du bruke Safari-feilsøkingsverktøyene direkte med iOS- eller iPadOS-enheten din

Eldre versjoner av iOS har også denne funksjonen, og selv om den ikke er like inkluderende som Safari-feilsøkings- og utviklerverktøyene på skrivebordet, er den fortsatt nyttig og er enkel å aktivere eller deaktivere på iPhone og iPad.

La oss lære hvordan du aktiverer denne funksjonen på både nye og gamle versjoner av iOS, og lære hva som er forskjellig mellom versjonene også.

Hvordan aktivere og bruke Web Inspector i Safari for iPhone og iPad

På moderne iOS- og iPadOS-versjoner fungerer Safari nettinspektør slik:

1. Åpne Innstillinger > Safari > Avansert og trykk deretter for å aktivere «Web Inspector»
2. Koble iPhone eller iPad til en Mac, gå deretter til Safari og aktiver utviklermenyen hvis du ikke har gjort det ved å gå til Safari > Innstillinger > Avansert > Vis utviklermenylinje
3. Trekk ned "Utvikle"-menylinjen og finn iPhone eller iPad, og åpne deretter nettsiden du ønsker å feilsøke
4. Safari Web Inspector åpnes der du kan feilsøke og inspisere nettelementer fra iOS- eller IPadOS-enheten direkte i Safari på Mac

Nå mens du navigerer på iPhone eller iPad vil du finne at nettinspektøren i Safari på Mac-en vil oppdateres.

Du kan få tilgang til feilsøkingskonsollen via Konsoll-fanen i nettinspektøren, og du kan få tilgang til feilsøkingsprogrammet via Debugger-fanen. Og selvfølgelig er de vanlige webinspektørverktøyene for elementer, ressurser, nettverk osv. også tilgjengelige for bruk.

Du kan også bruke et Vis kilde-triks for iOS og iPadOS mens du er på farten, om nødvendig også.

Hvordan aktiverer feilsøkingskonsoll på eldre iOS-versjoner

Hvis du har en eldre versjon av iOS på en eldre iPhone eller iPad, er hele feilsøkingsopplevelsen på enheten, og du har ikke muligheten til å koble den til Safari på en Mac. Ikke desto mindre er den fortsatt ganske nyttig, slik fungerer den:

1. Start «Innstillinger» og trykk på «Safari»
2. Trykk på "Avansert"
3. Skyv «Debug Console» til PÅ

Når aktivert, trykk på feilsøkingskonsollen øverst på en hvilken som helst Safari-skjerm for å se nettsidefeil.

Standardlisten viser alle feil, men du kan se nærmere på mer spesifikke HTML-, JavaScript- og CSS-feil ved å trykke på dem individuelt.

Et annet nyttig verktøy for mobile webutviklere er Firebug Lite for iOS, som bruker et javascript-bokmerke for å laste inn en enklere versjon av det populære Firebug-utviklingsverktøyet. Denne funksjonaliteten er sannsynligvis mest nyttig for de eldre iOS-versjonene også, siden nyere utgivelser har nye muligheter.

Bruker du noen webutviklerverktøy for iPhone eller iPad? Del med oss ​​tips, triks, apper eller teknikker i kommentarene nedenfor.