Safari til iOS inkluderer en valgfri fejlfindingskonsol, der hjælper webudviklere med at spore og løse problemer med websider på iPhone og iPad.

Endnu bedre, med de nyeste versioner af iOS bruger den faktisk den samme Web Inspector, som Safari på skrivebordet også gør, hvilket betyder, at hvis du tilslutter iPhone eller iPad til computeren, kan du bruge Safari-fejlretningsværktøjerne direkte med din iOS- eller iPadOS-enhed

Ældre versioner af iOS har også denne funktion, og selvom den ikke er så inkluderende som Safari-debug- og udviklerværktøjerne på skrivebordet, er den stadig nyttig og er nem at aktivere eller deaktivere på iPhone og iPad.

Lad os lære, hvordan du aktiverer denne funktion på både nye og gamle versioner af iOS, og også lære, hvad der er forskelligt mellem versionerne.

Sådan aktiverer og bruger du Web Inspector i Safari til iPhone og iPad

På moderne iOS- og iPadOS-versioner, her er, hvordan Safari Web Inspector fungerer:

1. Åbn Indstillinger > Safari > Avanceret og tryk derefter for at aktivere "Web Inspector"
2. Tilslut iPhone eller iPad til en Mac, gå derefter til Safari og aktiver udviklermenuen, hvis du ikke har gjort det ved at gå til Safari > Præferencer > Avanceret > Vis menulinje Udvikler
3. Træk menulinjen "Udvikl" ned og find iPhone eller iPad, og åbn derefter den webside, du vil fejlrette
4. Safari Web Inspector åbnes, hvor du kan fejlsøge og inspicere webelementer fra iOS- eller IPadOS-enheden direkte i Safari på Mac'en

Nu, mens du navigerer på iPhone eller iPad, vil du finde, at Web Inspector i Safari på Mac vil opdatere.

Du kan få adgang til fejlfindingskonsollen via fanen Konsol i webinspektøren, og du kan få adgang til fejlretningsprogrammet via fanen Debugger. Og selvfølgelig er de sædvanlige webinspektørværktøjer til elementer, ressourcer, netværk osv. også tilgængelige til brug.

Du kan også bruge et View Source-trick til iOS og iPadOS, mens du er på farten, hvis det også er nødvendigt.

Sådan aktiverer du fejlfindingskonsol på ældre iOS-versioner

Hvis du har en ældre version af iOS på en ældre iPhone eller iPad, er hele fejlfindingsoplevelsen på enheden, og du har ikke mulighed for at forbinde den til Safari på en Mac. Ikke desto mindre er det stadig ret nyttigt, sådan fungerer det:

1. Start “Indstillinger” og tryk på “Safari”
2. Tryk på "Avanceret"
3. Skub "Debug Console" til ON

Når det er aktiveret, skal du trykke på Fejlfindingskonsollen øverst på en hvilken som helst Safari-skærm for at se websidefejl.

Standardlisten viser alle fejl, men du kan gå ned til mere specifikke HTML-, JavaScript- og CSS-fejl ved at trykke på dem individuelt.

Et andet nyttigt værktøj til mobile webudviklere er Firebug Lite til iOS, som bruger en javascript-bogmærke til at indlæse en enklere version af det populære Firebug-udviklingsværktøj. Denne funktionalitet er nok også mest nyttig for de ældre iOS-versioner, da nyere udgivelser har nye muligheder.

Bruger du nogen webudviklerværktøjer til iPhone eller iPad? Del med os alle tips, tricks, apps eller teknikker i kommentarerne nedenfor.