Vad att veta
- Aktivera Web Inspector på iOS: Gå till Settings > Safari > Advanced och flytta Web Inspector omkopplaren till On-läget.
- Använd Web Inspector på macOS: Anslut din iOS-enhet till en Mac och välj webbadressen som ska granskas från menyn Develop.
Om du stöter på en bugg eller ett annat problem med en webbplats på Safari mobil, använd webbinspektörsverktyget för att undersöka. Den här artikeln förklarar hur du använder Safari-konsolen för iPhone för att felsöka fel med hjälp av din Mac-dator. Instruktionerna gäller iPhones med iOS 14, iOS 12 eller iOS 11, och även Mac-datorer med macOS Big Sur (11.0), macOS Catalina (10.15) eller macOS Mojave (10.14).
Aktivera Web Inspector på din iPhone eller annan iOS-enhet
Web Inspector är inaktiverad som standard eftersom de flesta iPhone-användare inte har någon användning för den. Men om du är en utvecklare eller är nyfiken kan du aktivera den med några korta steg. Så här gör du:
-
Öppna iPhone Settings-menyn.
På en iPhone med en tidig version av iOS får du tillgång till felsökningskonsolen genom Settings > Safari > Utvecklare > Debug Console När Safari på iPhone upptäcker CSS-, HTML- och JavaScript-fel, detaljer om varje visning i felsökningsprogrammet.
- Bläddra ned och tryck på Safari för att öppna skärmen som innehåller allt som är relaterat till webbläsaren Safari på din iPhone, iPad eller iPod touch.
- Bläddra till botten av sidan och välj Advanced.
-
Flytta Web Inspector vippomkopplaren till läget On.
Image
Anslut din iOS-enhet till Safari på en Mac
För att använda Web Inspector, anslut din iPhone eller en annan iOS-enhet till en Mac som har webbläsaren Safari och aktivera menyn Utveckla.
-
Med Safari öppen, välj Safari från menyraden och välj Preferences.
Image -
Välj fliken Advanced.
Image -
Markera kryssrutan Visa framkallningsmenyn i menyraden och stäng inställningsfönstret.
Image -
Välj Develop från menyraden i Safari och välj namnet på din anslutna iOS-enhet. Välj sedan webbadressen som visas under Safariför att öppna felsökningskonsolen för den webbplatsen.
Image När du har anslutit din enhet använder du din Mac för att inspektera webbplatsen du vill felsöka och öppna den i Safaris mobilwebbläsare.
Vad är Web Inspector?
Webbetutvecklare använder Web Inspector för att modifiera, felsöka och optimera webbplatser på Mac- och iOS-enheter. Med Web Inspector öppen kan utvecklare inspektera resurserna på en webbsida. Webbinspektörens fönster innehåller redigerbar HTML och anteckningar om webbsidans stilar och lager i en separat panel.
Före iOS 6 hade webbläsaren iPhone Safari en inbyggd felsökningskonsol som utvecklare använde för att hitta defekter på webbsidor. Senaste versioner av iOS använder Web Inspector istället.
Med Safari 9 och OS X Mavericks (10.9) introducerade Apple Responsive Design Mode i Web Inspector. Utvecklare använder den här inbyggda simulatorn för att förhandsgranska hur webbsidor skalas till olika skärmstorlekar, upplösningar och orienteringar.
