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

Što treba znati

  • Aktivirajte Web Inspector na iOS-u: Idite na Postavke > Safari > Napredno i premjestite preklopni prekidač Web Inspector na On položaj.
  • Koristite Web Inspector na macOS-u: Povežite svoj iOS uređaj s Mac računalom i odaberite URL koji želite provjeriti iz Develop izbornika.

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

Aktivirajte Web Inspector na svom iPhoneu ili drugom iOS uređaju

Web Inspector je prema zadanim postavkama onemogućen budući da većina korisnika iPhonea nema koristi od njega. Međutim, ako ste programer ili ste znatiželjni, možete ga aktivirati u nekoliko kratkih koraka. Evo kako:

  1. Otvorite iPhone Postavke izbornik.

    Na iPhoneu s ranom verzijom iOS-a pristupite Debug Console putem Settings > Safari > Developer > Debug Console Kada Safari na iPhoneu otkrije CSS, HTML i JavaScript pogreške, pojedinosti o svakom prikazu u alatu za ispravljanje pogrešaka.

  2. Pomaknite se prema dolje i dodirnite Safari da biste otvorili ekran koji sadrži sve što se odnosi na Safari web preglednik na vašem iPhoneu, iPadu ili iPod touchu.
  3. Skrolujte do dna stranice i odaberite Napredno.
  4. Pomaknite preklopni prekidač Web Inspector na On položaj.

    Image
    Image

Povežite svoj iOS uređaj sa Safarijem na Macu

Da biste koristili Web Inspector, povežite svoj iPhone ili neki drugi iOS uređaj na Mac koji ima Safari web preglednik i omogućite izbornik Develop.

  1. Kada je Safari otvoren, odaberite Safari na traci izbornika i odaberite Preferences.

    Image
    Image
  2. Odaberite karticu Napredno.

    Image
    Image
  3. Odaberite potvrdni okvir Prikaži izbornik Razvoj na traci izbornika i zatvorite prozor postavki.

    Image
    Image
  4. Na traci izbornika Safarija odaberite Develop i odaberite naziv vašeg priključenog iOS uređaja, zatim odaberite URL koji se pojavljuje pod Safariza otvaranje konzole za otklanjanje pogrešaka za to mjesto.

    Image
    Image

    Nakon što povežete svoj uređaj, upotrijebite Mac kako biste pregledali web mjesto na kojem želite otkloniti pogreške i otvorite ga u mobilnom pregledniku Safari.

Što je Web Inspector?

Web programeri koriste Web Inspector za izmjenu, otklanjanje pogrešaka i optimizaciju web stranica na Mac i iOS uređajima. S otvorenim Web Inspectorom programeri mogu pregledati resurse na web stranici. Prozor Web Inspector sadrži HTML koji se može uređivati i bilješke koje se odnose na stilove i slojeve web stranice u zasebnoj ploči.

Prije iOS-a 6, internetski preglednik iPhone Safari imao je ugrađenu Debug Console koju su programeri koristili za pronalaženje grešaka na web stranicama. Najnovije verzije iOS-a umjesto toga koriste Web Inspector.

Sa Safarijem 9 i OS X Mavericks (10.9), Apple je u web Inspector uveo Responsive Design Mode. Programeri koriste ovaj ugrađeni simulator za pregled kako se web stranice prilagođavaju različitim veličinama zaslona, rezolucijama i orijentacijama.

Preporučeni: