Kako uporabljati Web Inspector za odpravljanje napak v mobilnem Safariju (iPhone ali iPad)

Razvijanje spletnih strani za mobilne naprave ali odpravljanje napak v vaši hibridni aplikaciji je pogosto težko. Toda na srečo za ljudi, ki načrtujejo v iOS-u, že od iOS 6 naprej ponuja Apple funkcijo oddaljenega spletnega inšpektorja v iOS-u.

Web Inspector omogoča razvijalcem spletnih in mobilnih aplikacij, da uporabljajo orodja za razvijalce macOS in OS X Safari za oddaljeno odpravljanje napak v spletni vsebini ali hibridnih aplikacijah v mobilnem Safariju na iPadu ali iPhoneu.

To je preprost in praktičen način za odpravljanje napak, optimizacijo in spreminjanje vaših spletnih strani ali hibridnih aplikacij v sistemu iOS.

Za dostop do teh razvojnih orodij omogočite meni Razvijaj v naprednih nastavitvah Safarija vašega Maca.

Hitri nasveti

Sledite tem hitrim nasvetom, da bo spletni inšpektor deloval, tako da boste lahko razhroščevali svoje spletno mesto ali aplikacijo za Safari

• Ponastavite nastavitve lokacije in zasebnosti na vašem iPhone, iPad ali iPod touch. Pojdi do Nastavitve > Splošno > Ponastavi > Ponastavi lokacijo in zasebnost
• Prepričajte se, da se prijavite v isti Apple ID v računalniku kot vaš iPhone, iPad ali iPod touch
• Vklopite sinhronizacijo Safari iCloud za računalnik in kateri koli iPhone, iPad ali iPod touch
• V napravi iPhone ali iPad pojdite na Nastavitve > Safari > Napredno in vklopi Spletni inšpektor
• V računalniku odprite Safari in pojdite na Meni Safari > Nastavitve > Napredno in kljukico Prikaži meni Razvoj v menijski vrstici

povezani članki

• Oglejte si izvorno kodo HTML spletne strani na iPadu ali iPhoneu. Aplikacija ni potrebna!
• Kako si ogledate izvorno kodo HTML v Safariju
• Kako videti ikone priljubljenih v Safariju za iPhone in Mac

Potreben je računalnik Mac

Oprostite Windows, vendar je Safarijev spletni inšpektor združljiv samo z računalniki Mac!

Uporabite isti Apple ID in iCloud Sync!

Prepričajte se, da sta tako vaša naprava iDevice kot vaš Mac prijavljeni z istim Apple ID-jem in da v iCloudu vklopite Safari.

Za vašo iDevice: Nastavitve > Profil Apple ID > iCloud > Safari > vklopljeno

Za vaš Mac: Meni Apple > Sistemske nastavitve > Apple ID ali iCloud > Safari > Označeno

In preverite, ali je tudi Safari enaka različica

Prepričajte se, da je Safari na vašem Macu enaka različica kot Safari na vaši napravi iDevice. Morda boste morali posodobiti različico iOS ali različico Safarija, ki se izvaja na vašem Macu.

Ponastavite nastavitve lokacije in zasebnosti

1. Pojdi do Nastavitve > Splošno
2. Izberite Ponastaviti
3. Izberite za Ponastavi lokacijo in zasebnost

Profesionalni namig za bližnjico na tipkovnici za Mac za spletne razvijalce

Če v Safariju pritisnete CTRL+Command+R, si lahko ogledate, kako bi spletno mesto izgledalo na določeni napravi, tako da izberete napravo.

Uporabite Web Inspector za odpravljanje napak v mobilnem Safariju

1. Na iPadu, iPhoneu ali iPod touchu tapnite Nastavitve > Safari > Napredno in vklopi Spletni inšpektor. In omogočite JavaScript, če še ni vklopljen

2. Na vašem Macu zaženite Safari in pojdite na Meni Safari > Nastavitve > Napredno nato preveri "Prikaži meni Razvoj v menijski vrstici« če tega še niste storili

3. Povežite svojo napravo iOS z računalnikom Mac s kablom USB. To je kritično – naprave morate povezati ročno s kablom. Preko WiFi ne deluje!

4. Zdaj na vašem iPadu odprite spletno mesto, ki ga želite odpraviti, nato pa v Macu odprite Safari in pojdite na "Razviti” meni. Zdaj vidite svojo napravo iDevice, ki ste jo povezali z vašim Mac. Če na svoji napravi iDevice nimate odprte nobene strani, se prikaže sporočilo »Brez pregledljivih aplikacij«.

5. Zdaj odpravite napake na strani, ki je odprta v mobilnem Safariju, tako kot bi odpravljali napake v Macu, preglejte elemente DOM, spremenite CSS, izmerite učinkovitost strani in zaženite ukaze Javascript.

Uporabite orodje za odpravljanje napak, ki vam bo pomagalo najti vzrok za morebitne napake JavaScript na vaši spletni strani. Dodate lahko prekinitvene točke, odpravite napake v javascriptu in preverite vrednost spremenljivk med izvajanjem.

Safari bi moral zaznati tudi vse napake CSS, HTML in JavaScript. Podrobnosti o vsaki napaki boste videli v razhroščevalniku.

iDevice se ne prikaže v meniju za razvoj v Safariju?

•  Počistite predpomnilnik in piškotke Safari
• Posodobite Safari na vašem Macu in iDevice, če je na voljo posodobitev.
  • Če uporabljate beta različico iOS ali macOS, boste morda morali zagnati najnovejšo različico beta na vseh napravah
• Poskusite z drugim kablom in/ali vrati na vašem Macu. Poskrbi da kabel je originalni Apple Lightning kabel ali MFI Certified (Made For iPhone)
• Preverite, ali je spletni inšpektor vklopljen. Posodobitve iOS včasih to preklopijo nazaj na privzeto nastavitev IZKLOP. Zato se prepričajte, da preverite Nastavitve > Safari > Napredno > Spletni inšpektor
  • Poskusite izklopiti Web Inspector, počakajte 10 sekund in ga znova vklopite
• Namesto tega poskusite brskalnik Safari Technology Preview
• Zaprite Safari na vašem Macu in ga znova zaženite. Preverite, ali Safari vašega Maca nato prepozna vašo napravo in dovoli odpravljanje napak
• Preverite, ali ne uporabljate Safarijevega načina zasebnega brskanja if vaša naprava iDevice se samo za kratek čas prikaže v Safarijevem meniju Develop in nato izgine
• Odprite Activity Monitor in preverite, kaj se dogaja s Safarijem

Nasveti bralcem 

• Če uporabljate starejšo napravo iDevice z iOS 6 ali starejšo različico, ima spletni brskalnik Safari vaše naprave lastno vgrajeno konzolo za odpravljanje napak! Odprite Safarijevo konzolo za odpravljanje napak tako, da odprete Nastavitve > Safari > Razvijalec > Konzola za odpravljanje napak