Hvad du skal vide
- Aktiver Web Inspector på iOS: Gå til Settings > Safari > Advanced og flyt Web Inspector skiftekontakten til On-positionen.
- Brug Web Inspector på macOS: Tilslut din iOS-enhed til en Mac, og vælg den URL, der skal inspiceres fra menuen Develop.
Hvis du støder på en fejl eller et andet problem med et websted på Safari-mobil, skal du bruge Web Inspector-værktøjet til at undersøge det. Denne artikel forklarer, hvordan du bruger Safari-konsollen til iPhone til at fejlfinde ved hjælp af din Mac-computer. Instruktionerne gælder for iPhones med iOS 14, iOS 12 eller iOS 11 og Mac'er med macOS Big Sur (11.0), macOS Catalina (10.15) eller macOS Mojave (10.14).
Aktiver Web Inspector på din iPhone eller anden iOS-enhed
Webinspektøren er deaktiveret som standard, da de fleste iPhone-brugere ikke kan bruge det. Men hvis du er en udvikler eller du er nysgerrig, kan du aktivere det i et par korte trin. Sådan gør du:
-
Åbn iPhone Indstillinger-menuen.
På en iPhone med en tidlig version af iOS, få adgang til fejlretningskonsollen gennem Settings > Safari > Udvikler > Debug Console Når Safari på iPhone registrerer CSS-, HTML- og JavaScript-fejl, detaljer om hver visning i debuggeren.
- Rul ned, og tryk på Safari for at åbne skærmen, der indeholder alt relateret til Safari-webbrowseren på din iPhone, iPad eller iPod touch.
- Rul til bunden af siden, og vælg Advanced.
-
Flyt Web Inspector-omskifteren til On-positionen.
Image
Forbind din iOS-enhed til Safari på en Mac
For at bruge Web Inspector skal du tilslutte din iPhone eller en anden iOS-enhed til en Mac, der har Safari-webbrowseren, og aktivere menuen Udvikl.
-
Med Safari åben, vælg Safari fra menulinjen og vælg Preferences.
Image -
Vælg fanen Advanced.
Image -
Vælg afkrydsningsfeltet Vis udviklingsmenu på menulinjen, og luk indstillingsvinduet.
Image -
Vælg Develop fra Safari-menulinjen, og vælg navnet på din vedhæftede iOS-enhed, og vælg derefter den URL, der vises under Safarifor at åbne fejlfindingskonsollen for det pågældende websted.
Image Når du har tilsluttet din enhed, skal du bruge din Mac til at inspicere det websted, du vil fejlrette, og få det åbent i Safari-mobilbrowseren.
Hvad er Web Inspector?
Webudviklere bruger Web Inspector til at ændre, fejlrette og optimere websteder på Macs og iOS-enheder. Med Web Inspector åben kan udviklere inspicere ressourcerne på en webside. Webinspektør-vinduet indeholder redigerbar HTML og noter vedrørende stile og lag på websiden i et separat panel.
Før iOS 6 havde iPhone Safari-webbrowseren en indbygget fejlretningskonsol, som udviklere brugte til at finde websidedefekter. Nyere versioner af iOS bruger Web Inspector i stedet.
Med Safari 9 og OS X Mavericks (10.9) introducerede Apple Responsive Design Mode i Web Inspector. Udviklere bruger denne indbyggede simulator til at få vist, hvordan websider skaleres til forskellige skærmstørrelser, opløsninger og retninger.
