Wat om te weet
- Aktiveer Web Inspector op iOS: Gaan na Settings > Safari > Advanced en beweeg die Web Inspector skakelskakelaar na die On posisie.
- Gebruik Web Inspector op macOS: Koppel jou iOS-toestel aan 'n Mac en kies die URL om te inspekteer uit die Ontwikkel-kieslys.
As jy 'n fout of 'n ander probleem met 'n webwerf op Safari-selfoon ondervind, gebruik die Webinspekteur-nutsding om dit te ondersoek. Hierdie artikel verduidelik hoe om die Safari-konsole vir iPhone te gebruik om foute met behulp van jou Mac-rekenaar te ontfout. Instruksies is van toepassing op iPhones met iOS 14, iOS 12 of iOS 11, en sowel as Macs met macOS Big Sur (11.0), macOS Catalina (10.15) of macOS Mojave (10.14).
Aktiveer webinspekteur op jou iPhone of ander iOS-toestel
Die webinspekteur is by verstek gedeaktiveer aangesien die meeste iPhone-gebruikers dit nie gebruik nie. As jy egter 'n ontwikkelaar is of nuuskierig is, kan jy dit in 'n paar kort stappe aktiveer. Hier is hoe:
-
Maak die iPhone Settings-kieslys oop.
Op 'n iPhone met 'n vroeë weergawe van iOS, kry toegang tot die Ontfoutingskonsole deur Settings > Safari > Ontwikkelaar > Ontfoutkonsole Wanneer Safari op die iPhone CSS-, HTML- en JavaScript-foute bespeur, besonderhede van elke vertoning in die ontfouter.
- Blaai af en tik Safari om die skerm oop te maak wat alles bevat wat met die Safari-webblaaier op jou iPhone, iPad of iPod touch verband hou.
- Blaai na die onderkant van die bladsy en kies Advanced.
-
Beweeg die Web Inspector-wisselskakelaar na die Aan posisie.
Image
Koppel jou iOS-toestel aan Safari op 'n Mac
Om die Web Inspector te gebruik, koppel jou iPhone of 'n ander iOS-toestel aan 'n Mac wat die Safari-webblaaier het en aktiveer die Ontwikkel-kieslys.
-
Met Safari oop, kies Safari op die kieslysbalk en kies Voorkeure.
Image -
Kies die Advanced-oortjie.
Image -
Kies die Wys Ontwikkel-kieslys in kieslysbalk merkblokkie en maak die instellingsvenster toe.
Image -
Van die Safari-kieslysbalk, kies Ontwikkel en kies die naam van jou aangehegte iOS-toestel, kies dan die URL wat onder Safari verskynom die ontfoutkonsole vir daardie werf oop te maak.
Image Nadat jy jou toestel gekoppel het, gebruik jou Mac om die webwerf wat jy wil ontfout te inspekteer en maak dit oop in die Safari-selfoonblaaier.
Wat is webinspekteur?
Webontwikkelaars gebruik Web Inspector om webwerwe op Macs en iOS-toestelle te wysig, te ontfout en te optimaliseer. Met Web Inspector oop, kan ontwikkelaars die hulpbronne op 'n webblad inspekteer. Die Web Inspector-venster bevat bewerkbare HTML en notas oor die style en lae van die webblad in 'n aparte paneel.
Voor iOS 6 het die iPhone Safari-webblaaier 'n ingeboude Debug Console gehad wat ontwikkelaars gebruik het om webbladsydefekte op te spoor. Onlangse weergawes van iOS gebruik eerder Web Inspector.
Met Safari 9 en OS X Mavericks (10.9) het Apple Responsive Design Mode in Web Inspector bekendgestel. Ontwikkelaars gebruik hierdie ingeboude simulator om 'n voorskou te maak van hoe webblaaie skaal na verskillende skermgroottes, resolusies en oriëntasies.
