Amit tudni kell
- A Web Inspector aktiválása iOS rendszeren: Nyissa meg a Beállítások > Safari > Advanced és lépjen a Web Inspector váltókapcsoló On pozícióba.
- A Web Inspector használata macOS rendszeren: Csatlakoztassa iOS-eszközét Mac számítógéphez, és válassza ki az ellenőrizni kívánt URL-t a Develop menüből.
Ha programhibába vagy más problémába ütközik a Safari mobil webhelyén, használja a Web Inspector eszközt a kivizsgáláshoz. Ez a cikk elmagyarázza, hogyan használhatja a Safari konzolt iPhone-hoz a hibák hibakeresésére Mac számítógépe segítségével. Az utasítások az iOS 14, iOS 12 vagy iOS 11 rendszert futtató iPhone készülékekre, valamint a macOS Big Sur (11.0), macOS Catalina (10.15) vagy macOS Mojave (10.14) rendszerrel rendelkező Mac számítógépekre vonatkoznak.
A Web Inspector aktiválása iPhone-on vagy más iOS-eszközön
A Web Inspector alapértelmezés szerint le van tiltva, mivel a legtöbb iPhone-felhasználó nem használja. Ha azonban fejlesztő vagy, vagy kíváncsi vagy, néhány rövid lépésben aktiválhatod. Így teheti meg:
-
Nyissa meg az iPhone Beállítások menüjét.
Az iOS korai verziójával rendelkező iPhone-on a Settings > Safari > Fejlesztő segítségével érheti el a hibakeresési konzolt > Hibakeresési konzol Amikor az iPhone Safari CSS-, HTML- és JavaScript-hibákat észlel, a hibakeresőben lévő egyes megjelenítések részletei.
- Görgessen le, és érintse meg a Safari elemet a képernyő megnyitásához, amely az iPhone, iPad vagy iPod touch Safari webböngészőjével kapcsolatos mindent tartalmaz.
- Görgessen az oldal aljára, és válassza a Speciális.
-
Tegye a Web Inspector kapcsolót On pozícióba.
Image
Csatlakoztassa iOS-eszközét a Mac gépen futó Safarihoz
A Web Inspector használatához csatlakoztassa iPhone-ját vagy egy másik iOS-eszközét egy Safari webböngészővel rendelkező Machez, és engedélyezze a Fejlesztés menüt.
-
A Safari megnyitásakor válassza a Safari menüpontot a menüsorban, és válassza a Preferences.
Image -
Válassza ki a Speciális lapot.
Image -
Jelölje be a Fejlesztési menü megjelenítése a menüsorban jelölőnégyzetet, és zárja be a beállítási ablakot.
Image -
A Safari menüsoron válassza a Develop lehetőséget, és válassza ki a csatlakoztatott iOS-eszköz nevét, majd válassza ki a Safari alatt megjelenő URL-t.az adott webhely hibakereső konzoljának megnyitásához.
Image Miután csatlakoztatta az eszközt, a Mac számítógépével ellenőrizze a hibakeresni kívánt webhelyet, és nyissa meg a Safari mobilböngészőben.
Mi az a Web Inspector?
A webfejlesztők a Web Inspector alkalmazást használják a webhelyek módosítására, hibakeresésére és optimalizálására Mac és iOS eszközökön. A Web Inspector megnyitásával a fejlesztők megtekinthetik a weboldalon található erőforrásokat. A Web Inspector ablak szerkeszthető HTML-kódot, valamint a weboldal stílusaira és rétegeire vonatkozó megjegyzéseket tartalmaz egy külön panelen.
Az iOS 6 előtt az iPhone Safari webböngészőben volt egy beépített hibakereső konzol, amelyet a fejlesztők a weboldalhibák megtalálására használtak. Az iOS legújabb verziói helyett a Web Inspectort használják.
A Safari 9 és az OS X Mavericks (10.9) rendszerrel az Apple bevezette az érzékeny tervezési módot a Web Inspectorban. A fejlesztők ezzel a beépített szimulátorral megtekinthetik, hogyan méreteződnek a weboldalak a különböző képernyőméretekre, felbontásokra és tájolásokra.
