Gyorsan ellenőrizheti az iPhone elemeit, ha csatlakoztatja azt egy Safari Developer Tools-t futtató MAC PC-hez, vagy harmadik féltől származó szoftverek, például az Adobe Edge Inspect vagy a LambdaTest segítségével.

Az Apple hosszú utat tett meg ikonikus iPhone termékcsaládjával. iOS rendszere 28,27%-os globális mobil operációs rendszer piaci részesedéssel rendelkezik, ami azt jelenti, hogy világszerte felhasználók milliói használják az iPhone-t weboldalak elérésére.

Ezért fontos tudni, hogyan lehet ellenőrizni az elemeket az iPhone-on, hogy javítsa a Safariban megtekintett weboldalak funkcionalitását, és ennek megfelelően módosítsa a megjelenésüket.

Ha nem tudja, hogyan kell ezt megtenni, összeállítottunk egy lépésről-lépésre útmutatót, hogy könnyedén megértse az egész folyamatot.

1. Mit jelent egy elem ellenőrzése?
2. Hogyan ellenőrizhetem az elemeket iPhone-on?
   • Módszer #1: A Safari fejlesztői eszközeinek használata
   • Módszer #2: Az iPhone elemeinek ellenőrzése harmadik féltől származó eszközökkel
     • Az Adobe Edge Inspect használata
     • A LambdaTest használata
3. Elem vizsgálata az iPhone Chrome böngészőjében
4. Összefoglaló
5. Gyakran ismételt kérdések

Mit jelent egy elem ellenőrzése?

Ha front-end webfejlesztő vagy, akkor rendszeresen ellenőrizheted az elemeket, hogy megváltoztasd és kísérletezz a weboldal megjelenésével, gyors szerkesztésekkel a CSS és HTML a weboldal fájljai.

A módosítások azonban csak az Ön eszközén láthatóak. Miután újratölti a weboldalt, ezek a módosítások eltűnnek, és a weblap szerkezetének eredeti változata jelenik meg újra. A valóságban tehát nem szerkeszti a weboldal forráskódját; csak kísérletezik az elemekkel a megtekintés és a hibaelhárítás céljából.

Az elemek vizsgálata kiválóan alkalmas a tervezők, a marketingesek és az ügyfélszolgálatok számára. A tervezők esetleg azt szeretnék megnézni, hogyan jelenik meg egy webhely dizájnja mobilon, vagy milyen témát használnak a versenytársak. Másrészt egy marketinges talán azt szeretné elemezni, hogyan használják a versenytársak a kulcsszavaikat.

Eközben a CSS alapszintű ismereteivel rendelkező ügyfélszolgálati munkatárs másodpercek alatt könnyedén megváltoztathatja egy weboldal szövegét, dizájnját és hierarchiáját, miközben megvizsgálja az elemeket, és továbbíthatja a problémát a fejlesztőknek a weboldalon elvégzendő javításokról.

Sajtó Ctrl+Z Windowsban és Linuxban, valamint Parancs+Z a macOS-ben az Inspect element eszközzel végzett módosítások visszavonásához.

Hogyan ellenőrizhetem az elemeket iPhone-on?

Az elemek ellenőrzése az iPhone-on kissé bonyolult, és lehet, hogy egy kicsit túlterheltnek érzi magát közben. Lépésről lépésre követhető utasításaink azonban könnyedén és élvezetesen teszik majd az egészet az Ön számára.

Az iPhone Chrome böngészőjének használatát is megvitatjuk az elemekkel való kísérletezéshez. Tehát késedelem nélkül, itt van a két módszer, amely elmagyarázza, hogyan lehet elemet vizsgálni iPhone-on.

Módszer #1: A Safari fejlesztői eszközeinek használata

Az első módszerrel a Safari Developer Tools segítségével ellenőrizheti az iPhone elemeit.

1. Csatlakoztassa a iPhone az Ön Mac PC egy USB-kábel.
2. Indítsa el a Safari böngészőt a Mac számítógépén, és lépjen a következő menüpontba Haladó Tab .
3. Kapcsolja be a Webes ellenőr kapcsolja át a Zöld szín.
4. Most navigáljon a Beállítások> Speciális lap.
5. Most ellenőrizze a "Fejlesztés menü megjelenítése a menüsorban" mezőt, hogy a Develop (Fejlődés) opció megjelenjen a Opciók a böngésző sávjában.
6. Ezután kattintson a A weboldal fejlesztése opciót, hogy az eszköz neve láthatóvá váljon az eszközök listájában.
7. Végre, az iPhone fölé tartva és megjelenik az iOS rendszerén megnyitott weboldalak listája. Ezután válassza ki a listából azt a weboldalt, amelyet ellenőrizni szeretne.

Az iPhone-elemek vizsgálata a Safar Developer Tools segítségével csak az Apple ökoszisztémában érhető el, ami azt jelenti, hogy ha nincs Macje, ez a módszer nem fog működni.

Módszer #2: Az iPhone elemeinek ellenőrzése harmadik féltől származó eszközökkel

Az Adobe Edge Inspect használata

Ha nincs Macje, akkor az Adobe Edge Inspect Tool segítségével ellenőrizheti az iPhone elemeit.

1. Töltse le a Adobe Edge Inspect a számítógépen, és csatlakoztassa az iPhone-t és a számítógépet ugyanazon a Wi-Fi-kapcsolaton keresztül.
2. Csatlakoztassa iPhone készülékét a Mac számítógépéhez USB-kábellel, és indítsa el a szoftvert a számítógépen.
3. Most, az ön iPhone név megjelenik a szoftverben.
4. Ezután nyisson meg egy weboldalt a böngészőjében, és figyelje meg, hogyan nyílik meg a csatlakoztatott iPhone készülékén is.
5. Válasszon ki egy debugger sign () a csatlakoztatott eszközök mellett.
6. Következő, fejlesztői eszközök megnyílik, és lehetővé teszi az elemek vizsgálatát az iPhone-on.

A LambdaTest használata

A LambdaTest egy másik kiváló harmadik féltől származó eszköz az iPhone elemeinek ellenőrzésére.

1. Regisztráljon a LambdaTest regisztrációs oldal fiók létrehozása és bejelentkezés.
2. Válassza ki a címet. Valós idejű tesztelés a műszerfal bal oldalán.
3. Adja meg a tesztet URL , és válassza ki a készüléktípus , eszköz neve, operációs rendszer , és böngésző amelyen a tesztet futtatja.
4. Kattintson a start gombra, és válassza a bal oldali eszköztárból a fejlesztők opciót.
5. Fejlesztői eszközök megnyílik a kiválasztott iPhone-eszközön.
6. Kezdje el a tesztelést a az iPhone szimulátor böngésző teszteléshez

A LambdaTest kivételesen biztonságos, amely megfelel a GDPR-nek és a CCPA-nak. Teljes átláthatóságot biztosítanak, és garantálják az Ön adatainak védelmét és biztonságát.

Elem vizsgálata az iPhone Chrome böngészőjében

A Chrome böngészőben iPhone készülékkel is ellenőrizheti a webhely elemeit. Ehhez indítsa el a Chrome böngésző az iPhone-on, és látogasson el egy weboldalra. Most koppintson a címsorra, és írja be a következő szöveget view-source: mielőtt a HTTP vagy HTTPS Ezután töltse be újra az oldalt, hogy láthassa az összes elemet.

Összefoglaló

Ebben az útmutatóban arról, hogyan lehet elemet vizsgálni iPhone-on, a Safari fejlesztői eszközeinek és harmadik féltől származó eszközöknek a kóddal való kísérletezéshez való használatát tárgyaltuk. Az elemek vizsgálatát az iPhone Chrome böngészőjében is tárgyaltuk.

Reméljük, hogy ez az útmutató hasznos volt az Ön számára, és most már gyorsan ellenőrizheti az iPhone elemeket a gyors módszereinkkel.

Gyakran ismételt kérdések

A következő lépésekkel ellenőrizheti egy webhely elemeit egy PC-s Chrome böngészőben.

1) Indítás Króm és látogasson el a weboldalra, hogy ellenőrizze az elemeket.

2) Nézzen a képernyő jobb felső sarkába, és kattintson a három függőleges pontra.

3) Ezután kattintson a További eszközök > Fejlesztői eszközök a legördülő menüből.

4) Megnyílnak a fejlesztői eszközök, a konzol és néhány más eszköz, amelyek lehetővé teszik az elem vizsgálatát.

Nem jogellenes egy weboldal sebezhetőségét megtalálni a böngésző inspect elemének használatával, az azonban jogellenes, ha kihasználjuk ezt a sebezhetőséget, és azt haszonszerzésre használjuk fel.

Ha talál egy sebezhetőséget, jelentse azt a webhely tulajdonosának, mielőtt nyilvánosságra hozná a problémát. Általában a webhelyek rendelkeznek egy külön oldallal a biztonsági problémák bejelentésére.