A Safari iOS-hez tartalmaz egy opcionális hibakereső konzolt, amely segít a webfejlesztőknek az iPhone és iPad készülékeken lévő weboldalakkal kapcsolatos problémák felkutatásában és megoldásában.

Még jobb, hogy az iOS legújabb verzióival valójában ugyanazt a Web Inspectort használja, amit az asztali Safari is, vagyis ha iPhone-t vagy iPadet csatlakoztat a számítógéphez, közvetlenül használhatja a Safari hibakereső eszközeit. iOS vagy iPadOS eszközzel

Az iOS régebbi verzióiban is megtalálható ez a lehetőség, és bár nem olyan átfogó, mint az asztali Safari hibakereső és fejlesztői eszközei, mégis hasznos, és könnyen engedélyezhető vagy letiltható iPhone-on és iPaden.

Tanuljuk meg, hogyan engedélyezheti ezt a funkciót az iOS új és régi verzióiban, és azt is, hogy mi a különbség a verziók között.

A Web Inspector engedélyezése és használata a Safari alkalmazásban iPhone és iPad rendszeren

A modern iOS és iPadOS verziókon a következőképpen működik a Safari Web Inspector:

1. Nyissa meg a Beállítások > Safari > Speciális elemet, majd koppintson a „Web Inspector” engedélyezéséhez
2. Csatlakoztassa az iPhone-t vagy iPadet Mac számítógéphez, majd lépjen a Safariba, és engedélyezze a fejlesztői menüt, ha még nem tette meg a Safari menüben > Beállítások > Speciális > Fejlesztés menüsor megjelenítése
3. Húzza le a „Fejlesztés” menüsort, keresse meg az iPhone-t vagy iPadet, majd nyissa meg a hibakeresni kívánt webold alt
4. Megnyílik a Safari Web Inspector, ahol hibakeresést végezhet és ellenőrizheti a webes elemeket iOS- vagy IPadOS-eszközről közvetlenül a Mac-en futó Safariban

Most, ahogy navigál az iPhone-on vagy iPaden, látni fogja, hogy a Web Inspector a Mac számítógépen a Safariban frissülni fog.

A hibakereső konzolt a webellenőrző Konzol lapján, a hibakeresőt pedig a Hibakereső lapon érheti el. És természetesen az elemekhez, erőforrásokhoz, hálózathoz stb. vonatkozó szokásos webes ellenőrző eszközök is rendelkezésre állnak.

IOS és iPadOS rendszerhez használhatja a Forrás megtekintése trükköt útközben is, ha szükséges.

A hibakeresési konzol engedélyezése régebbi iOS-verziókon

Ha egy régebbi iOS-verzióval rendelkezik egy régebbi iPhone-on vagy iPaden, akkor a teljes hibakeresési élmény az eszközön van, és nem tudja csatlakoztatni a Safarihoz Mac számítógépen. Ennek ellenére még mindig nagyon hasznos, így működik:

1. Indítsa el a „Beállítások” elemet, és érintse meg a „Safari” elemet
2. Érintse meg a „Speciális” gombot.
3. Csúsztassa a „Debug Console”-t BE állásba

Ha engedélyezve van, érintse meg a Debug Console-t bármelyik Safari képernyő tetején a weboldal hibáinak megtekintéséhez.

Az alapértelmezett lista az összes hibát megjeleníti, de részletesebb HTML-, JavaScript- és CSS-hibákig részletezheti őket, ha külön-külön megérinti őket.

A mobilwebes fejlesztők másik hasznos eszköze a Firebug Lite iOS-hez, amely egy javascript könyvjelzőt használ a népszerű Firebug fejlesztőeszköz egyszerűbb verziójának betöltéséhez. Ez a funkció valószínűleg a régebbi iOS-verzióknál a leghasznosabb, mivel az újabb kiadások új képességekkel rendelkeznek.

Használ valamilyen webfejlesztő eszközt iPhone-hoz vagy iPadhez? Az alábbi megjegyzésekben ossza meg velünk a tippeket, trükköket, alkalmazásokat vagy technikákat.