Čo by ste mali vedieť
- Aktivujte si Web Inspector v systéme iOS: Prejdite na Nastavenia > Safari > Advanced a presuňte sa prepínač Web Inspector do polohy On.
- Používanie Web Inspector na macOS: Pripojte svoje iOS zariadenie k Macu a v ponuke Develop vyberte webovú adresu, ktorú chcete skontrolovať.
Ak narazíte na chybu alebo iný problém s webovou stránkou v Safari pre mobil, použite na to nástroj Web Inspector. Tento článok vysvetľuje, ako používať konzolu Safari pre iPhone na ladenie chýb pomocou počítača Mac. Pokyny platia pre telefóny iPhone s iOS 14, iOS 12 alebo iOS 11 a tiež pre Mac s macOS Big Sur (11.0), macOS Catalina (10.15) alebo macOS Mojave (10.14).
Aktivujte si Web Inspector na svojom iPhone alebo inom zariadení so systémom iOS
Webový inšpektor je v predvolenom nastavení zakázaný, pretože väčšina používateľov iPhone ho nemá využitie. Ak ste však vývojár alebo ste zvedaví, môžete si ho aktivovať v niekoľkých krátkych krokoch. Tu je postup:
-
Otvorte ponuku iPhone Nastavenia.
Na iPhone so staršou verziou iOS získate prístup k Debug Console cez Settings > Safari > Vývojár > Konzola na ladenie Keď Safari na iPhone zistí chyby CSS, HTML a JavaScript, v debuggeri sa zobrazia podrobnosti o každom z nich.
- Posuňte sa nadol a klepnite na Safari, čím otvoríte obrazovku, ktorá obsahuje všetko, čo súvisí s webovým prehliadačom Safari na vašom iPhone, iPade alebo iPode touch.
- Posuňte sa na koniec stránky a vyberte Advanced.
-
Presuňte prepínač Web Inspector do polohy On.
Image
Pripojte svoje zariadenie iOS k Safari na Macu
Ak chcete použiť Web Inspector, pripojte svoj iPhone alebo iné zariadenie iOS k Macu s webovým prehliadačom Safari a povoľte ponuku Develop.
-
Pri otvorenom prehliadači Safari vyberte z panela ponuky Safari a vyberte Predvoľby.
Image -
Vyberte kartu Advanced.
Image -
Začiarknite políčko Zobraziť ponuku Vývoj v lište ponuky a zatvorte okno nastavení.
Image -
Na paneli s ponukami Safari vyberte Develop a vyberte názov svojho pripojeného zariadenia iOS, potom vyberte webovú adresu, ktorá sa zobrazí pod Safarina otvorenie konzoly ladenia pre daný web.
Image Po pripojení zariadenia pomocou Macu skontrolujte webovú stránku, ktorú chcete ladiť, a otvorte ju v mobilnom prehliadači Safari.
Čo je Web Inspector?
Weboví vývojári používajú Web Inspector na úpravu, ladenie a optimalizáciu webových stránok na počítačoch Mac a iOS. S otvoreným Web Inspectorom môžu vývojári kontrolovať zdroje na webovej stránke. Okno Web Inspector obsahuje upraviteľný kód HTML a poznámky týkajúce sa štýlov a vrstiev webovej stránky v samostatnom paneli.
Pred iOS 6 mal webový prehliadač Safari pre iPhone vstavanú konzolu Debug Console, ktorú vývojári používali na vyhľadávanie chýb webových stránok. Najnovšie verzie systému iOS namiesto toho používajú Web Inspector.
So Safari 9 a OS X Mavericks (10.9) spoločnosť Apple predstavila režim responzívneho dizajnu vo Web Inspector. Vývojári používajú tento vstavaný simulátor na ukážku toho, ako sa webové stránky prispôsobujú rôznym veľkostiam obrazovky, rozlíšeniam a orientáciám.
