Kako koristiti Web Inspector na iPhoneu: 15 koraka (sa slikama)

Sadržaj:

Kako koristiti Web Inspector na iPhoneu: 15 koraka (sa slikama)
Kako koristiti Web Inspector na iPhoneu: 15 koraka (sa slikama)

Video: Kako koristiti Web Inspector na iPhoneu: 15 koraka (sa slikama)

Video: Kako koristiti Web Inspector na iPhoneu: 15 koraka (sa slikama)
Video: Ako imate iPhone, OVO MORATE ISPROBATI! 2024, April
Anonim

Ovaj wikiHow vas uči kako pomoću Apple -ove desktop Safari aplikacije provjeriti performanse mobilnih web stranica u Safariju za iPhone.

Koraci

Dio 1 od 3: Omogućavanje web inspektora na vašem iPhoneu

Upotrijebite Web Inspector na iPhone -u Korak 1
Upotrijebite Web Inspector na iPhone -u Korak 1

Korak 1. Otvorite Postavke iPhone uređaja

To je siva ikona koja sadrži zupčanike na vašem početnom ekranu.

Koristite Web Inspector na iPhone -u Korak 2
Koristite Web Inspector na iPhone -u Korak 2

Korak 2. Pomaknite se prema dolje i dodirnite Safari

Nalazi se u četvrtoj ili petoj grupi postavki, zajedno s drugim Appleovim iPhone aplikacijama, poput pošte i kontakata.

Koristite Web Inspector na iPhone -u Korak 3
Koristite Web Inspector na iPhone -u Korak 3

Korak 3. Pomaknite se prema dolje i dodirnite Napredno

Nalazi se pri dnu menija.

Koristite Web Inspector na iPhone -u Korak 4
Koristite Web Inspector na iPhone -u Korak 4

Korak 4. Gurnite dugme pored "Web Inspector" u položaj "On"

To je zadnja opcija i postat će zelena kada je omogućena.

Dio 2 od 3: Omogućavanje web inspektora na vašem Macu

Koristite Web Inspector na iPhone -u Korak 5
Koristite Web Inspector na iPhone -u Korak 5

Korak 1. Otvorite Safari na svom Macu

To je aplikacija koja izgleda kao plavi kompas.

Upotrijebite Web Inspector na iPhoneu Korak 6
Upotrijebite Web Inspector na iPhoneu Korak 6

Korak 2. Kliknite na Safari

Nalazi se na traci menija u gornjem lijevom uglu ekrana.

Koristite Web Inspector na iPhone -u Korak 7
Koristite Web Inspector na iPhone -u Korak 7

Korak 3. Kliknite na Postavke

Koristite Web Inspector na iPhone -u Korak 8
Koristite Web Inspector na iPhone -u Korak 8

Korak 4. Kliknite na ⚙️napredno

To je krajnji desni jezičak na vrhu prozora.

Koristite Web Inspector na iPhone -u Korak 9
Koristite Web Inspector na iPhone -u Korak 9

Korak 5. Označite "Prikaži meni za razvoj na traci sa menijima

" Nalazi se pri dnu prozora.

Upotrijebite Web Inspector na iPhoneu 10. korak
Upotrijebite Web Inspector na iPhoneu 10. korak

Korak 6. Povežite iPhone

Koristite USB kabel koji ste dobili s uređajem za povezivanje iPhonea s Mac računarom.

Dio 3 od 3: Korištenje web inspektora na Safariju za iPhone

Upotrijebite Web Inspector na iPhoneu 11. korak
Upotrijebite Web Inspector na iPhoneu 11. korak

Korak 1. Otvorite web stranicu

Na Safariju za iPhone otvorite mobilnu web stranicu na kojoj želite otkloniti pogreške.

Koristite Web Inspector na iPhone -u Korak 12
Koristite Web Inspector na iPhone -u Korak 12

Korak 2. Kliknite na Develop

To je treći padajući izbornik s desne strane na Safariju za Mac.

Koristite Web Inspector na iPhone -u Korak 13
Koristite Web Inspector na iPhone -u Korak 13

Korak 3. Kliknite na svoj iPhone

On će biti naveden pri vrhu menija.

Upotrijebite Web Inspector na iPhoneu Korak 14
Upotrijebite Web Inspector na iPhoneu Korak 14

Korak 4. Kliknite na web mjesto

Pojavljuje se u skočnom prozoru desno od vašeg iPhonea.

Ako niste otvorili web stranicu u aplikaciji Safari na svom iPhoneu, vidjet ćete poruku "Nema aplikacija koje mogu provjeriti"

Koristite Web Inspector na iPhone -u Korak 15
Koristite Web Inspector na iPhone -u Korak 15

Korak 5. Pregledajte stranicu

Koristeći Safari na svom Macu, možete poboljšati i mjeriti performanse mobilnih stranica na svom iPhoneu.

  • Web Inspector vam omogućuje pokretanje naredbi u JavaScriptu za stvaranje dinamičnijeg, interaktivnog iskustva za korisnika, poput animacije i poruka u stvarnom vremenu.
  • Pregledajte elemente DOM -a (Document Object Model) za greške u HTML, XML ili JavaScript naredbama.
  • Koristite CSS za ažuriranje ili uređivanje izgleda, boja i fontova na mobilnim stranicama.

Preporučuje se: