What to Know
- Aktiver Web Inspector på iOS: Gå til Settings > Safari > Advanced og flytt Web Inspector bryteren til On-posisjonen.
- Bruk Web Inspector på macOS: Koble iOS-enheten til en Mac og velg URL-en du vil inspisere fra Develop-menyen.
Hvis du støter på en feil eller et annet problem med et nettsted på Safari-mobil, bruk Web Inspector-verktøyet for å undersøke. Denne artikkelen forklarer hvordan du bruker Safari-konsollen for iPhone til å feilsøke feil ved hjelp av Mac-datamaskinen. Instruksjoner gjelder for iPhones med iOS 14, iOS 12 eller iOS 11, samt Mac-er med macOS Big Sur (11.0), macOS Catalina (10.15) eller macOS Mojave (10.14).
Aktiver Web Inspector på iPhone eller annen iOS-enhet
Web Inspector er deaktivert som standard siden de fleste iPhone-brukere ikke har bruk for den. Men hvis du er en utvikler eller er nysgjerrig, kan du aktivere den i noen få korte trinn. Slik gjør du det:
-
Åpne iPhone Settings-menyen.
På en iPhone med en tidlig versjon av iOS får du tilgang til feilsøkingskonsollen gjennom Settings > Safari > Developer > Feilsøkingskonsoll Når Safari på iPhone oppdager CSS-, HTML- og JavaScript-feil, detaljer om hver visning i debuggeren.
- Rull ned og trykk Safari for å åpne skjermen som inneholder alt relatert til Safari-nettleseren på iPhone, iPad eller iPod touch.
- Rull til bunnen av siden og velg Advanced.
-
Flytt Web Inspector vippebryteren til On.
Image
Koble iOS-enheten din til Safari på en Mac
For å bruke Web Inspector, koble iPhone eller en annen iOS-enhet til en Mac som har Safari-nettleseren og aktiver Utvikle-menyen.
-
Med Safari åpen, velg Safari fra menylinjen og velg Preferences.
Image -
Velg fanen Advanced.
Image -
Velg avmerkingsboksen Vis utviklingsmenyen i menylinjen og lukk innstillingsvinduet.
Image -
Fra Safari-menylinjen, velg Develop og velg navnet på den tilknyttede iOS-enheten, og velg deretter nettadressen som vises under Safarifor å åpne feilsøkingskonsollen for det nettstedet.
Image Etter at du har koblet til enheten din, bruk Mac-en din til å inspisere nettstedet du vil feilsøke og åpne det i Safari-mobilnettleseren.
Hva er Web Inspector?
Nettutviklere bruker Web Inspector til å endre, feilsøke og optimalisere nettsteder på Mac- og iOS-enheter. Med Web Inspector åpen, kan utviklere inspisere ressursene på en nettside. Web Inspector-vinduet inneholder redigerbar HTML og notater angående stiler og lag på nettsiden i et eget panel.
Før iOS 6 hadde iPhone Safari-nettleseren en innebygd feilsøkingskonsoll som utviklere brukte for å finne websidedefekter. Nyere versjoner av iOS bruker Web Inspector i stedet.
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 nettsider skaleres til forskjellige skjermstørrelser, oppløsninger og retninger.
