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.
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.
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.
-
Klikk på Avansert fanen.
-
Velg Vis Utvikle-menyen i menylinjen merk av i boksen.
-
Gå ut av innstillingsvinduet.
-
Klikk på Safari-menylinjen Utvikle, velg deretter Koble til webinspektør.
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.