A Web Inspector használata a Mobil Safari (iPhone vagy iPad) hibakereséséhez

Weboldalak fejlesztése mobileszközökhöz vagy a hibrid alkalmazás hibakeresése gyakran nehéz. De szerencsére az iOS-en tervező emberek számára, az iOS 6-tól kezdve, az Apple távoli webellenőrzési funkciót kínál az iOS-ben.

A Web Inspector lehetővé teszi a webes és mobilalkalmazások fejlesztőinek, hogy a macOS és az OS X Safari Developer Tools segítségével távolról hibakereshessék a webes tartalmakat vagy hibrid alkalmazásokat az iPad vagy iPhone mobil Safari alkalmazásában.

Ez egyszerű és praktikus módszer a weboldalak vagy a hibrid alkalmazások hibakeresésére, optimalizálására és módosítására az iOS rendszeren.

Ezen fejlesztőeszközök eléréséhez engedélyezze a Fejlesztés menüt a Mac Safari Speciális beállításaiban.

Kövesse ezeket a gyors tippeket az internetes ellenőr munkájának megkezdéséhez, hogy hibakeresést végezhessen webhelyével vagy alkalmazásával a Safari számára

  • Állítsa vissza a hely- és adatvédelmi beállításokat iPhone, iPad vagy iPod touch készülékén. MenjBeállítások> Általános> Visszaállítás> Hely és adatvédelem visszaállítása
  • Győződjön meg arról, hogy ugyanabba az Apple ID-be jelentkezik be a számítógépen, mint az iPhone, iPad vagy iPod touch készülékével
  • Kapcsolja be a Safari iCloud szinkronizálást mind a számítógép, mind az iPhone, iPad vagy iPod touch készülékeknél
  • IPhone vagy iPad készüléken lépjen a következőre:Beállítások> Safari> Haladó és váltani Webellenőr
  • Nyissa meg a számítógépen a Safarit, és lépjen aSafari menü> Beállítások> Haladó és pipa A Fejlesztés menü megjelenítése a menüsorban

Mac számítógép szükséges

Sajnáljuk a Windows-osokat, de a Safari Web Inspector kompatibilis csak a Mac gépekkel!

Használja ugyanazt az Apple ID-t és az iCloud Sync-et!

Győződjön meg arról, hogy az iDevice-je és a Mac-je is ugyanazzal az Apple ID-vel van bejelentkezve, és hogy be van kapcsolva a Safari az iCloudban.

Az iDevice-hez:Beállítások> Apple ID-profil> iCloud> Safari> BE van kapcsolva

Mac számítógépén:Apple menü> Rendszerbeállítások> Apple ID vagy iCloud> Safari> Ellenőrzött

És ellenőrizze, hogy a Safari is ugyanaz a verzió

Győződjön meg arról, hogy a Mac Safari verziója megegyezik az iDevice Safari verziójával. Lehet, hogy frissítenie kell az iOS-verzióját vagy a Mac-en futó Safari-verziót.

Állítsa vissza a tartózkodási helyét és az adatvédelmi beállításokat

  1. Menj Beállítások> Általános
  2. Válassza a lehetőséget Visszaállítás
  3. Válassza a lehetőséget Helyzet és adatvédelem visszaállítása

Pro Billentyűparancs rövidítés Mac-en webfejlesztőkhöz

Ha megnyomja a CTRL + Command + R billentyűkombinációt a Safari böngészőben, az eszköz kiválasztásával láthatja, hogyan nézne ki egy webhely egy adott eszközön.

A webfejlesztő nézetből való kilépéshez kapcsolja be a billentyűparancsot.

Használja a Web Inspector programot a mobil Safari hibakereséséhez

1. Az iPad, iPhone vagy iPod touch készüléken érintse meg a elemet Beállítások> Safari> Haladó és váltani Webellenőr. És engedélyezze a JavaScript-et, ha még nincs bekapcsolva

2. Mac-en indítsa el a Safarit, és lépjen a következőre: Safari menü> Beállítások> Haladó majd ellenőrizzeA Fejlesztés menü megjelenítése a menüsorban”, Ha még nem tette meg

3. Csatlakoztassa iOS-eszközét a Mac-hez az USB-kábellel. Ez kritikus fontosságú - kézzel kell csatlakoztatnia az eszközöket kábellel. WiFi-n keresztül nem működik!

4. Nyissa meg az iPad készüléken a hibakeresni kívánt weboldalt, majd a Mac számítógépén nyissa meg a Safarit, és lépjen a “Fejleszteni”Menüpontot. Most látja az iDevice készülékét, amelyet a Mac számítógépéhez csatlakoztatott. Ha az iDevice alkalmazásban nincs megnyitva egyetlen oldal sem, akkor a következő üzenet jelenik meg: „Nincs ellenőrizhető alkalmazás”.

5. Most hibakereső a mobil Safariban nyitott oldal, ugyanúgy, mint a Mac-en, ellenőrizze a DOM elemeket, módosítsa a CSS-t, mérje az oldal teljesítményét és futtassa a Javascript parancsokat.

A hibakereső eszköz segítségével megtalálhatja a weboldalon előforduló JavaScript hibák okát. Felvehet töréspontokat, hibakeresheti a javascriptet, és futás közben ellenőrizheti a változók értékét.

A Safarinak észlelnie kell minden CSS-, HTML- és JavaScript-hibát is. És az egyes hibák részleteit a hibakeresőben látja.

Az iDevice nem jelenik meg a Safari Fejlesztő menüjében?

  • Törölje a Safari gyorsítótárát és a cookie-kat
  • Frissítse a Safarit a Mac gépén és az iDevice-en, ha rendelkezésre áll egy frissítés
    • Ha béta iOS vagy macOS verziót futtat, előfordulhat, hogy minden eszközön futtatnia kell a legújabb bétaverziót
  • Próbáljon ki egy másik kábelt és / vagy portot a Mac gépén. Győződjön meg arról, hogy a kábel eredeti Apple villámkábel vagy MFI-tanúsítvánnyal rendelkezik (Made for iPhone)
  • Ellenőrizze, hogy a Web Inspector be van-e kapcsolva. Az iOS frissítések néha visszaváltják ezt az alapértelmezett KI beállításra. Tehát csak ellenőrizzeBeállítások> Safari> Speciális> Web Inspector
    • Próbálja kikapcsolni a Web Inspector funkciót, várjon 10 másodpercet, és kapcsolja be újra
  • Próbálja ki inkább a Safari Technology Preview böngészőt
  • Lépjen ki a Safari programból a Mac gépén, és indítsa újra. Ellenőrizze, hogy a Mac Safari felismeri-e az eszközét és lehetővé teszi-e a hibakeresést
  • Ellenőrizze, hogy nem a Safari privát böngészési módját használja-e, ha az iDevice csak rövid ideig jelenik meg a Safari Fejlesztés menüjében, majd eltűnik
  • Nyissa meg az Activity Monitor alkalmazást, és ellenőrizze, mi folyik a Safarival

Olvasói tippek

  • Ha régebbi iDevice rendszert használ iOS 6 vagy korábbi verzióval, akkor az eszköz Safari webböngészője saját beépített Debug Console-val rendelkezik! Csak nyissa meg a Safari Debug Console-játBeállítások > Szafari > Fejlesztő > Debug Console

Legutóbbi hozzászólások