Kako aktivirati iPhone Debug Console ili Web Inspector

Sadržaj:

Kako aktivirati iPhone Debug Console ili Web Inspector
Kako aktivirati iPhone Debug Console ili Web Inspector
Anonim

Šta treba znati

  • Aktivirajte Web Inspector na iOS-u: Idite na Settings > Safari > Advanced i premjestite Web Inspector prekidač na poziciju On.
  • Koristite Web Inspector na macOS-u: Povežite svoj iOS uređaj na Mac i odaberite URL za pregled iz menija Develop.

Ako naiđete na grešku ili neki drugi problem na web stranici na Safari mobilnom uređaju, koristite alat Web Inspector da istražite. Ovaj članak objašnjava kako koristiti Safari konzolu za iPhone za otklanjanje grešaka uz pomoć vašeg Mac računala. Uputstva se odnose na iPhone sa iOS 14, iOS 12 ili iOS 11, kao i na Macove sa macOS Big Sur (11.0), macOS Catalina (10.15) ili macOS Mojave (10.14).

Aktivirajte Web Inspector na vašem iPhone-u ili drugom iOS uređaju

Web inspektor je po defaultu onemogućen jer većina korisnika iPhone-a nema koristi od njega. Međutim, ako ste programer ili ste radoznali, možete ga aktivirati u nekoliko kratkih koraka. Evo kako:

  1. Otvorite iPhone Postavke meni.

    Na iPhone-u sa ranom verzijom iOS-a, pristupite Debug Console preko Settings > Safari > Programer > Konzola za otklanjanje grešaka Kada Safari na iPhone-u otkrije CSS, HTML i JavaScript greške, detalji svakog prikaza u debugeru.

  2. Pomerite se prema dole i dodirnite Safari da otvorite ekran koji sadrži sve što se odnosi na Safari web pretraživač na vašem iPhone, iPad ili iPod touch uređaju.
  3. Skrolujte do dna stranice i odaberite Advanced.
  4. Prebacite Web Inspector na poziciju On.

    Image
    Image

Povežite svoj iOS uređaj na Safari na Macu

Da koristite Web Inspector, povežite svoj iPhone ili drugi iOS uređaj na Mac koji ima Safari web pretraživač i omogućite meni za razvoj.

  1. Kada je Safari otvoren, odaberite Safari sa trake menija i odaberite Preferences.

    Image
    Image
  2. Odaberite karticu Advanced.

    Image
    Image
  3. Selektujte Prikaži meni za razvoj na traci menija potvrdni okvir i zatvorite prozor postavki.

    Image
    Image
  4. Na traci menija Safari odaberite Develop i odaberite naziv vašeg priključenog iOS uređaja, a zatim odaberite URL koji se pojavljuje pod Safarida otvorite konzolu za otklanjanje grešaka za tu stranicu.

    Image
    Image

    Nakon što povežete svoj uređaj, koristite svoj Mac da pregledate web lokaciju koju želite da otklonite greške i otvorite je u Safari mobilnom pretraživaču.

Šta je Web Inspector?

Web programeri koriste Web Inspector da modificiraju, otklone greške i optimizuju web stranice na Mac i iOS uređajima. Kada je Web Inspector otvoren, programeri mogu pregledati resurse na web stranici. Prozor Web Inspector sadrži HTML koji se može uređivati i bilješke u vezi sa stilovima i slojevima web stranice u zasebnom panelu.

Prije iOS 6, iPhone Safari web pretraživač je imao ugrađenu Debug Console koju su programeri koristili za pronalaženje nedostataka web stranica. Nedavne verzije iOS-a umjesto toga koriste Web Inspector.

Sa Safari 9 i OS X Mavericks (10.9), Apple je predstavio Responsive Design Mode u Web Inspector. Programeri koriste ovaj ugrađeni simulator da pregledaju kako se web stranice prilagođavaju različitim veličinama ekrana, rezolucijama i orijentacijama.

Preporučuje se: