Før iOS 6 hadde iPhones Safari-nettleser en innebygd feilsøkingskonsoll som utviklere brukte for å finne feil på websider. Nyere versjoner av iOS bruker Web Inspector i stedet. Webinspektør brukes av webutviklere til å modifisere, feilsøke og optimalisere nettsteder på Mac og iOS-enheter.
For å bruke Web Inspector, kobler du iPhone til Mac-datamaskinen din med en kabel, åpner Macs Safari og aktiverer deretter Utvikle-menyen i Safari Advanced Preferences.
Informasjonen i denne artikkelen gjelder iPhones og andre iOS-enheter med iOS 6 til iOS 12 og Mac på Mac OS X Leopard (10.5) og senere, med mindre annet er oppgitt.
:max_bytes(150000):strip_icc()/activate-the-debug-console-in-safari-445798-966c0d94643b4d458363ba425319dbdc.png)
Miguel Co / Web
Aktiver Web Inspector på iPhone iOS 6 og nyere
Webinspektøren er deaktivert som standard, siden de fleste iPhone-brukere ikke har noe bruk for det. Imidlertid kan utviklere aktivere det i noen få korte trinn. Dette er hvordan:
-
Trykk på innstillinger ikonet på iPhone-startskjermen.
På en iPhone med en tidlig versjon av iOS, få tilgang til feilsøkingskonsollen gjennom innstillinger > Safari > Utvikler > Feilsøkingskonsoll. Når Safari på iPhone oppdager CSS-, HTML- og JavaScript-feil, vises detaljer om hver i feilsøkingsprogrammet.
-
Rull ned og trykk Safari for å åpne skjermen som inneholder alt relatert til Safari-nettleseren på iPhone, iPad eller iPod touch.
-
Bla til bunnen av skjermen og trykk på Avansert.
-
Flytt web Inspector vippebryter til On stilling.
:max_bytes(150000):strip_icc()/001-activate-the-debug-console-in-safari-445798-a4b7da19fff847cf9ea9ffe911da0b31.jpg)
Koble iPhone til Safari på en Mac
For å bruke Web Inspector, kobler du iPhone eller en annen iOS-enhet til en Mac som kjører Safari-nettleseren. Koble enheten til datamaskinen ved hjelp av en kabel.
Når Safari er åpent, gjør du følgende:
-
Klikk Safari i menylinjen og velg Preferanser.
:max_bytes(150000):strip_icc()/001-autofill-in-safari-for-os-x-and-macos-sierra-4103704-fc557bbc7ab341038f5be1d9953a2307.jpg)
-
Klikk på Avansert fanen.
:max_bytes(150000):strip_icc()/002-activate-the-debug-console-in-safari-445798-ebbd2813dedc448da5c705ece1aaa9a2.jpg)
-
Velg Vis Utvikle-menyen i menylinjen merk av i boksen.
:max_bytes(150000):strip_icc()/003-activate-the-debug-console-in-safari-445798-126e0290482f4b3790f5a0a76803baf9.jpg)
-
Gå ut av innstillingsvinduet.
-
Klikk på Safari-menylinjen Utvikle, velg deretter Koble til webinspektør.
:max_bytes(150000):strip_icc()/004-activate-the-debug-console-in-safari-445798-752dc8ee8cf042b0a8754e36dc23a842.jpg)
Din vedlagte iPhone eller annen iOS-enhet vises i Utvikle nedtrekksmenyen. Når Web Inspector er åpen, kan utviklere inspisere alle ressursene på en webside. Webinspektør-vinduet inneholder redigerbar HTML og notater angående stilene og lagene til websiden i et eget panel.
Med Safari 9 og OS X Mavericks (10.9) introduserte Apple Responsive Design Mode i Web Inspector. Utviklere bruker denne innebygde simulatoren til å forhåndsvise hvordan websider skaleres til forskjellige skjermstørrelser, oppløsninger og retninger.