Az iOS 6 előtt az iPhone Safari böngészőjében volt egy beépített Debug Console, amelyet a fejlesztők a weboldal hibáinak felkutatására használtak. Az iOS legújabb verziói a Web Inspector programot használják. A Web Inspector programot a webfejlesztők a webhelyek módosítására, hibakeresésére és optimalizálására használják Mac és iOS eszközökön.
A Web Inspector használatához csatlakoztassa iPhone készülékét kábellel a Mac számítógépéhez, nyissa meg a Mac Safari programját, majd engedélyezze a Fejlesztés menüt a Safari Speciális beállításai között.
A cikkben szereplő információk az iPhone 6-ra és más iOS-eszközökre vonatkoznak, iOS 12-tól iOS 10.5-ig, valamint Mac-ekre Mac OS X Leopard (XNUMX) és újabb verziókon, hacsak másként nem jelezzük.
:max_bytes(150000):strip_icc()/activate-the-debug-console-in-safari-445798-966c0d94643b4d458363ba425319dbdc.png)
Miguel Co / Web
Aktiválja a Web Inspector alkalmazást iPhone iOS 6 és újabb rendszereken
A Web Inspector alapértelmezés szerint le van tiltva, mivel az iPhone legtöbb felhasználójának nincs haszna. A fejlesztők azonban néhány rövid lépésben aktiválhatják. Itt van, hogyan:
-
Érintse meg a beállítások ikonra az iPhone kezdőképernyőjén.
Az iOS korai verziójával rendelkező iPhone-on keresztül nyissa meg a Debug Console szoftvert beállítások > szafari > Fejlesztő > Debug Console. Amikor az iPhone Safari CSS, HTML és JavaScript hibákat észlel, mindegyikük részletei megjelennek a hibakeresőben.
-
Görgessen le, és érintse meg a gombot szafari a iPhone, iPad vagy iPod touch Safari böngészőjével kapcsolatos mindent tartalmazó képernyő megnyitásához.
-
Görgessen a képernyő aljára, és koppintson a ikonra Részletes.
-
Mozgassa a Webvizsgáló kapcsolót a On helyzetbe.
:max_bytes(150000):strip_icc()/001-activate-the-debug-console-in-safari-445798-a4b7da19fff847cf9ea9ffe911da0b31.jpg)
Csatlakoztassa az iPhone-t a Safarihoz Mac-en
A Web Inspector használatához csatlakoztassa iPhone-ját vagy egy másik iOS-eszközét egy Mac-hez, amely a Safari böngészőt futtatja. Csatlakoztassa készülékét kábellel a számítógéphez.
A Safari nyitva tartásával tegye a következőket:
-
Kattints szafari a menüsoron, és válassza a lehetőséget Preferenciák.
:max_bytes(150000):strip_icc()/001-autofill-in-safari-for-os-x-and-macos-sierra-4103704-fc557bbc7ab341038f5be1d9953a2307.jpg)
-
Kattintson az Részletes Tab.
:max_bytes(150000):strip_icc()/002-activate-the-debug-console-in-safari-445798-ebbd2813dedc448da5c705ece1aaa9a2.jpg)
-
Válassza ki a A Fejlesztés menü megjelenítése a menüsorban jelölőnégyzetet.
:max_bytes(150000):strip_icc()/003-activate-the-debug-console-in-safari-445798-126e0290482f4b3790f5a0a76803baf9.jpg)
-
Lépjen ki a beállítások ablakból.
-
A Safari menüsoron kattintson a gombra Fejleszteni, Majd válassza ki Csatlakoztassa a Web Inspector alkalmazást.
:max_bytes(150000):strip_icc()/004-activate-the-debug-console-in-safari-445798-752dc8ee8cf042b0a8754e36dc23a842.jpg)
A csatolt iPhone vagy más iOS eszköz megjelenik a Fejleszteni legördülő menü. A Web Inspector nyitva tartásával a fejlesztők megvizsgálhatják a weboldal összes erőforrását. A Web Inspector ablak szerkeszthető HTML-t és a weboldal stílusaira és rétegeire vonatkozó megjegyzéseket tartalmaz egy külön panelen.
A Safari 9 és az OS X Mavericks (10.9) segítségével az Apple bevezette az adaptív tervezési módot a Web Inspector alkalmazásban. A fejlesztők ezt a beépített szimulátort használják annak megtekintésére, hogyan méretezhetik a weboldalak a különböző képernyőméreteket, felbontásokat és irányokat.