Kuidas kasutada Web Inspectorit Mobile Safari silumiseks (iPhone või iPad)

Mobiilseadmete jaoks veebilehtede arendamine või hübriidrakenduse silumine on sageli keeruline. Kuid õnneks pakub Apple iOS 6-st alates iOS 6-ga projekteerivatele inimestele iOS-is kaugveebiinspektori funktsiooni.

Web Inspector võimaldab veebi- ja mobiilirakenduste arendajatel kasutada macOS-i ja OS X Safari arendajatööriistu veebisisu või hübriidrakenduste kaugsilumiseks iPadi või iPhone'i mobiilses Safaris.

See on lihtne ja praktiline viis oma veebilehtede või hübriidrakenduste silumiseks, optimeerimiseks ja muutmiseks iOS-is.

Nendele arendustööriistadele juurdepääsemiseks lubage oma Maci Safari täpsemates eelistustes menüü Arendamine.

Kiired näpunäited

Järgige neid kiireid näpunäiteid veebiinspektori tööle panemiseks, et saaksite oma saiti või rakendust Safari jaoks siluda

• Lähtestage oma asukoha- ja privaatsusseaded oma iPhone'is, iPadis või iPod touchis. Minema Seaded > Üldine > Lähtesta > Lähtesta asukoht ja privaatsus
• Veenduge, et logiksite arvutis sisse samasse Apple ID-sse nagu teie iPhone, iPad või iPod touch
• Lülitage Safari iCloudi sünkroonimine sisse nii arvuti kui ka mis tahes iPhone'i, iPadi või iPod touchi jaoks
• Minge iPhone'is või iPadis aadressile Seaded > Safari > Täpsemalt ja lülitage sisse Veebiinspektor
• Avage arvutis Safari ja minge lehele Safari menüü > Eelistused > Täpsemalt ja linnuke Kuva menüü Arendusmenüü menüüribal

seotud artiklid

• Vaadake iPadis või iPhone'is veebilehe HTML-i lähtekoodi. Rakendust pole vaja!
• Kuidas vaadata HTML-i lähtekoodi Safaris
• Faviconide vaatamine Safaris iPhone'i ja Maci jaoks

Vajalik Maci arvuti

Vabandust, Windowsi inimesed, kuid Safari Web Inspector ühildub ainult Macidega!

Kasutage sama Apple ID-d ja iCloud Sync!

Veenduge, et teie iDevice ja Mac oleks sisse logitud sama Apple ID-ga ja et lülitaksite iCloudis Safari sisse.

Teie iDevice jaoks: Seaded > Apple ID profiil > iCloud > Safari > sisse lülitatud

Teie Maci jaoks: Apple'i menüü > Süsteemieelistused > Apple ID või iCloud > Safari > Märgistatud

Ja kontrollige, et ka Safaril oleks sama versioon

Veenduge, et teie Maci Safari versioon oleks sama, mis teie iDevice'i Safari versioon. Võimalik, et peate värskendama oma iOS-i versiooni või teie Macis töötavat Safari versiooni.

Lähtestage oma asukoha- ja privaatsusseaded

1. Minema Seaded > Üldine
2. Valige Lähtesta
3. Valige Lähtestage asukoht ja privaatsus

Pro klaviatuuri otsetee nõuanne Macis veebiarendajatele

Kui vajutate Safaris klahvikombinatsiooni CTRL+Command+R, saate seadme valides vaadata, kuidas veebisait konkreetses seadmes välja näeks.

Mobiilse Safari silumiseks kasutage veebiinspektorit

1. Puudutage oma iPadis, iPhone'is või iPod touchis Seaded > Safari > Täpsemalt ja lülitage sisse Veebiinspektor. Ja lubage JavaScript, kui see pole veel sisse lülitatud

2. Käivitage oma Macis Safari ja minge aadressile Safari menüü > Eelistused > Täpsemalt siis kontrollige "Kuva menüü Arendusmenüü menüüribal”, kui te pole seda veel teinud

3. Ühendage oma iOS-seade USB-kaabli abil Maciga. See on kriitiline – seadmed tuleb ühendada käsitsi, kasutades kaablit. WiFi kaudu see ei tööta!

4. Nüüd avage oma iPadis veebisait, mida soovite siluda, seejärel avage Macis Safari ja minge jaotisse "Arendada” menüü. Nüüd näete oma iSeadet, mille ühendasite oma Maciga. Kui teie iDevice'is pole ühtegi lehte avatud, näete teadet „Inspekteeritavaid rakendusi pole”.

5. Nüüd siluge mobiilses Safaris avatud lehte täpselt nagu Macis, kontrollige DOM-i elemente, muutke CSS-i, mõõtke lehe jõudlust ja käivitage Javascripti käske.

Kasutage siluritööriista, mis aitab teil leida oma veebilehel esinevate JavaScripti vigade põhjuseid. Saate lisada katkestuspunkte, siluda javascripti ja kontrollida muutujate väärtust käitusajal.

Safari peaks tuvastama ka kõik CSS-i, HTML-i ja JavaScripti vead. Ja näete siluris iga vea üksikasju.

Kas iDevice'i ei kuvata Safari menüüs Arendus?

•  Tühjendage Safari vahemälu ja küpsised
• Kui värskendus on saadaval, värskendage oma Macis ja iDevice'is Safarit.
  • Kui kasutate iOS-i või macOS-i beetaversiooni, peate võib-olla kõigis seadmetes käivitama uusima beetaversiooni
• Proovige oma Macis teist kaablit ja/või porti. Veendu, et kaabel on ehtne Apple'i välkkaabel või MFI-sertifikaadiga (made for iPhone)
• Kontrollige, kas Web Inspector on sisse lülitatud. iOS-i värskendused lülitavad selle mõnikord tagasi vaikeseadesse VÄLJAS. Nii et lihtsalt kontrollige kindlasti Seaded > Safari > Täpsemalt > Veebiinspektor
  • Proovige Web Inspector välja lülitada, oodake 10 sekundit ja lülitage uuesti sisse
• Proovige selle asemel Safari Technology Preview brauserit
• Sulgege oma Macis Safari ja taaskäivitage see. Vaadake, kas teie Maci Safari tunneb teie seadme ära ja lubab silumist
• Veenduge, et te ei kasuta Safari privaatsirvimise režiimi iKui teie iDevice kuvatakse Safari menüüs Develop vaid korraks ja kaob seejärel
• Avage Activity Monitor ja vaadake, mis Safariga toimub

Lugeja näpunäited 

• Kui kasutate iOS 6 või vanema versiooniga vanemat iSeadet, on teie seadme Safari veebibrauseril oma sisseehitatud silumiskonsool! Lihtsalt avage Safari silumiskonsool, minnes aadressile Seaded > Safari > Arendaja > Silumiskonsool