A Web Inspector használata iPhone -on: 15 lépés (képekkel)

Tartalomjegyzék:

A Web Inspector használata iPhone -on: 15 lépés (képekkel)
A Web Inspector használata iPhone -on: 15 lépés (képekkel)

Videó: A Web Inspector használata iPhone -on: 15 lépés (képekkel)

Videó: A Web Inspector használata iPhone -on: 15 lépés (képekkel)
Videó: How to move from Android to iPhone | Apple Support 2024, Március
Anonim

Ez a wikiHow megtanítja, hogyan használhatja az Apple asztali Safari alkalmazását a mobil weboldalak teljesítményének ellenőrzésére a Safari for iPhone alkalmazásban.

Lépések

Rész 1 /3: A Web Inspector engedélyezése iPhone -on

A Web Inspector használata iPhone -on 1. lépés
A Web Inspector használata iPhone -on 1. lépés

1. lépés: Nyissa meg iPhone beállításait

Ez egy szürke ikon, amely fogaskerekeket tartalmaz a kezdőképernyőn.

A Web Inspector használata iPhone -on 2. lépés
A Web Inspector használata iPhone -on 2. lépés

2. lépés. Görgessen le és érintse meg a Safari lehetőséget

A beállítások negyedik vagy ötödik csoportjába tartozik, más Apple iPhone -alkalmazásokkal együtt, mint például a Mail és a Contacts.

A Web Inspector használata iPhone -on 3. lépés
A Web Inspector használata iPhone -on 3. lépés

Lépés 3. Görgessen le, és koppintson a Speciális elemre

A menü alján található.

A Web Inspector használata iPhone -on 4. lépés
A Web Inspector használata iPhone -on 4. lépés

Lépés 4. Csúsztassa a "Web Inspector" melletti gombot a "Be" állásba

Ez az utolsó lehetőség, és zöldre vált, ha engedélyezve van.

2. rész a 3 -ból: A Web Inspector engedélyezése a Mac számítógépen

A Web Inspector használata iPhone -on 5. lépés
A Web Inspector használata iPhone -on 5. lépés

1. lépés: Nyissa meg a Safarit a Mac számítógépén

Ez az alkalmazás úgy néz ki, mint egy kék iránytű.

A Web Inspector használata iPhone -on 6. lépés
A Web Inspector használata iPhone -on 6. lépés

2. lépés. Kattintson a Safari elemre

Ez a képernyő bal felső sarkában található menüsorban található.

A Web Inspector használata iPhone -on 7. lépés
A Web Inspector használata iPhone -on 7. lépés

3. lépés. Kattintson a Beállítások elemre

A Web Inspector használata iPhone -on 8. lépés
A Web Inspector használata iPhone -on 8. lépés

4. lépés. Kattintson a ⚙️Advanced elemre

Ez az ablak tetején található jobb szélső fül.

A Web Inspector használata iPhone -on 9. lépés
A Web Inspector használata iPhone -on 9. lépés

Lépés 5. Jelölje be a "Fejlesztés menü megjelenítése a menüsorban

" Az ablak alján van.

A Web Inspector használata iPhone -on 10. lépés
A Web Inspector használata iPhone -on 10. lépés

6. lépés Csatlakoztassa iPhone készülékét

A készülékhez kapott USB -kábel segítségével csatlakoztassa iPhone -ját Mac számítógépéhez.

Rész 3 /3: A Web Inspector használata a Safari for iPhone alkalmazásban

A Web Inspector használata iPhone -on 11. lépés
A Web Inspector használata iPhone -on 11. lépés

1. lépés Nyisson meg egy webhelyet

A Safari iPhone -on nyissa meg a hibakeresésre szánt mobil weboldalt.

A Web Inspector használata iPhone -on 12. lépés
A Web Inspector használata iPhone -on 12. lépés

2. lépés. Kattintson a Fejlesztés gombra

Ez a Safari for Mac jobb oldali harmadik legördülő menüje.

A Web Inspector használata iPhone -on 13. lépés
A Web Inspector használata iPhone -on 13. lépés

3. lépés. Kattintson az iPhone -ra

Ez a menü tetején található.

A Web Inspector használata iPhone -on 14. lépés
A Web Inspector használata iPhone -on 14. lépés

4. lépés. Kattintson a webhelyre

Ez megjelenik egy előugró ablakban az iPhone jobb oldalán.

Ha nem nyitott meg webhelyet az iPhone Safari alkalmazásában, akkor megjelenik a „Nem vizsgálható alkalmazások” üzenet

A Web Inspector használata iPhone -on 15. lépés
A Web Inspector használata iPhone -on 15. lépés

5. lépés Ellenőrizze az oldalt

A Mac Safari használatával javíthatja és mérheti az iPhone -on lévő mobiloldalak teljesítményét.

  • A Web Inspector lehetővé teszi parancsok futtatását JavaScriptben, hogy dinamikusabb, interaktívabb élményt nyújtson a felhasználó számára, például animációt és valós idejű üzeneteket.
  • Ellenőrizze a DOM (Dokumentumobjektum -modell) elemeket, hogy vannak -e hibák a HTML, XML vagy JavaScript parancsokban.
  • A CSS használatával frissítheti vagy szerkesztheti a mobiloldalak elrendezését, színeit és betűtípusait.

Ajánlott: