Recimo, da obiščete spletno mesto, na katerem ste delali, in vidite nekaj napak. V iPhonu ali iPadu si morate ogledati vir strani, da poiščete napako in jo popravite. Odprete Safari in znorite, ko na Safariju brez uspeha najdete gumb za ogled izvorne kode HTML. Kaj počneš sedaj? Preprosto je, samo preberite ta članek!
Vsak razvijalec spletnega mesta, programer, oblikovalec programske opreme, razvijalec aplikacij App Store, ustvarjalec vsebine in spletni skrbnik ve, kako pomembna je izvorna koda. V tem delu dela morate vedno pogledati izvorno kodo spletne strani, da odpravite težave, odpravite napake, oblikujete in dodate vrednost spletnemu mestu.
Medtem ko je ta naloga na napravah Android in Windows precej enostavna, je enako težka na napravah Apple, kot so iPhone, iPad, MacBook in iMac. Čeprav je v sistemu macOS funkcija na voljo, vendar skrita in jo lahko najdete tako, da sledite temu "Oglejte si izvorno kodo HTML v Safariju" Članek. Vendar pa je za naprave iOS drugačna zgodba.
Apple je popolnoma otežil ogled virov strani na iPad/iPhone. Ni domačih, ali bi rekel, preprostih metod, ki bi jih lahko tapnili ali se jih dotaknili, da bi dobili izvorno kodo HTML spletnih strani. Ampak ne postanite še preveč nori. Namesto tega preberite ta članek do konca in poiščite najboljše načine, kako se naučiti ogledati vir strani v brskalniku Safari v iPhonu ali iPadu.
Razlogi, zakaj si morate ogledati izvorno kodo strani na iPhone/iPad
Spodaj najdete nekaj situacij in razlogov za ogled virov strani v brskalniku Safari na iPad/iPhone:
- Ogledati si morate vir strani spletne strani za določeno napravo, kot je iPhone ali iPad. Če dostopate do spletnega mesta v sistemu Mac in si ogledate izvorno kodo HTML, boste videli elemente za namizno različico, ne za različice za iPhone ali iPad.
- Potujete in želite svoj čas vložiti v pregledovanje kod spletnih strani, da dobite nove zamisli ali ustvarite načrt za odpravljanje napak.
- Raje razvijate spletno mesto na iPadu, saj ima veliko večopravilnih funkcij, kot je Stage Manager, razdeljeni pogled itd.
Zato sledite spodnjim metodam, da ostanete pripravljeni, če se kadar koli pojavi potreba po ogledu vira strani na iPhonu ali iPadu.
Najboljši načini za ogled izvorne kode strani na iPhone/iPad
Spodaj so priljubljeni načini za ogled virov strani v kodah HTML v iPhonu ali iPadu, ne da bi pri tem uporabili katero koli aplikacijo drugega proizvajalca. Te metode so primerne za kodirnike in končne uporabnike, ki jih zadeva zasebnost in varnost:
1. Pridobite izvorno kodo HTML z aplikacijo bližnjic
Ta metoda bo delovala le, če uporabljate iOS 12.0 (iPadOS 12.0) ali novejše. Tukaj je opisano, kako ustvarite bližnjico do vira pogleda strani v iPhonu ali iPadu:
- Odprite Bližnjice aplikacijo z začetnega zaslona ali predala aplikacij.
- Tapnite plus (+) ikono, da ustvarite novo prazno bližnjico.
- V iskalno polje vnesite HTML in izberi Ustvarite HTML iz obogatenega besedila.
- Še enkrat, poiščite Hiter ogled aplikacijo v iskalno polje in jo dodajte v urejevalnik bližnjic.
- Zdaj tapnite ikono bližnjice na vrhu in izberite Preimenuj.
- Preimenuj ga v Ogled izvorne kode in tapnite Končano.
- Tapnite (jaz) in preklopite na Pokaži na listu za skupno rabo možnost.
- Zdaj odprite brskalnik Safari in obiščite spletno stran po vaši izbiri.
- Dotaknite se Deliti v aplikaciji Safari in se pomaknite navzdol, da poiščete Ogled izvorne kode bližnjica.
- Tapnite bližnjico in v Quick Looku dobite izvorno kodo HTML.
2. Oglejte si izvorno kodo strani s skriptom za zaznamke
Pri tej metodi boste ustvarili zaznamek in URL bo izvorni skript pogleda. Ko brskate po kateri koli spletni strani in si želite ogledati vir strani v Safariju, preprosto tapnite zaznamek. Prejeli boste izvorno kodo HTML za stran. Evo, kako se to naredi:
- Obiščite naključno spletno mesto in ga dodajte med zaznamke v brskalniku Safari za iPad ali iPhone.
- Tapnite Safari meni v zgornjem levem kotu in pojdite na Zaznamki.
- Dotik Priljubljene da poiščete zaznamek, ki ste ga pravkar dodali.
- Dolgo tapnite zaznamek in nato izberite Uredi v kontekstnem meniju.
- Počistite obstoječi naslov zaznamka in ga preimenujte v Izvorna koda HTML ali karkoli drugega, samo da si zapomnite zaznamek.
- Tapnite Naslov in počistite obstoječi URL.
- Kopirajte in prilepite naslednjo kodo kot URL (ustvarjalec kode: Rob Flaherty):
javascript:(function(){var a=window.open('about: blank').document; a.write('');a.close();var b=a.body.appendChild (a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace=' pre-wrap';b.appendChild (a.createTextNode (document.documentElement.innerHTML))})();- Tapnite Končano na tipkovnici, da shranite spremembe, ki ste jih naredili do sedaj.
- Zdaj pojdite na spletno stran, za katero morate pregledati izvorno kodo.
- Pojdi na Zaznamki meni in se dotaknite Izvorna koda HTML zaznamek, ki ste ga pravkar ustvarili.
- Na novem zavihku Safari bi morali videti kodo HTML strani, ki jo obiskujete.
Preberite tudi:Kako upravljati zaznamke v brskalniku Safari v sistemih iOS in Mac
3. Ogled izvorne kode strani z uporabo macOS Tethering
Aplikacija Safari v napravah iPhone in iPad ima vgrajeno orodje Web Inspector. Na žalost funkcija ne deluje neposredno na napravah iPhone ali iPad. Naprave morate povezati z računalnikom MacBook ali iMac. Nato lahko uporabite kontrolnike v Mac Safariju za vizualizacijo izvorne kode HTML. Postopek poteka v dveh fazah, kot je opisano spodaj:
Aktivirajte Web Inspector
Za vklop sledite tem korakom spletni inšpektor funkcionalnost v brskalniku Safari za iPad in iPhone:
- V iPhonu ali iPadu odprite nastavitve aplikacija
- Pojdi do Nastavitve brskalnika Safari.
- Pomaknite se navzdol do dna okna z nastavitvami Safarija, da poiščete Napredno meni. Dotaknite se ga.
- Aktivirajte spletni inšpektor s pritiskom na preklopni gumb.
Oglejte si izvorno kodo strani v brskalniku Mac Safari
Pojdite na svoj Mac in sledite tem korakom:
- Priključite iPhone ali iPad v MacBook ali iMac s kablom USB.
- Če naprava še ni bila potrjena, vas bo Mac prosil, da jo preverite z Apple ID-jem.
- Zdaj odprite aplikacijo Safari na Macu in obiščite katero koli spletno mesto.
- V orodni vrstici Mac kliknite Razviti.
- V kontekstnem meniju, ki se odpre, poiščite svoj iPad ali iPhone.
- Kliknite svoj iPad ali iPhone, da odprete novo okno na vašem Macu, ki prikazuje zaslon Safari teh naprav.
- Zdaj odprite ciljno spletno stran v iPhonu ali iPadu in si oglejte izvorno kodo v brskalniku Mac Safari.
Če se strinjate z aplikacijami in orodji tretjih oseb, si boste morda želeli ogledati tudi te dodatne metode za ogled izvornih kod HTML spletnih strani:
4. Razširitev Safari – spletni inšpektor
Razširitev Web Inspector za brskalnik Apple Safari lahko namestite na iPad in iPhone. Nato med brskanjem po spletni strani pokličite razširitev, da si ogledate njeno izvorno kodo HTML. Tukaj so koraki, ki jih morate poskusiti:
- Odprite nastavitve aplikacijo in pojdite na Nastavitve brskalnika Safari razdelek.
- Pomaknite se navzdol, dokler ne najdete Razširitve možnost. Dotaknite se ga.
- Znotraj razširitev tapnite Več razširitev.
- Odprla se bo stran App Store za razširitve Safari.
- Dotaknite se Iskanje polje in tip spletni inšpektor in tapnite Iskanje na tipkovnici.
- Poiščite in namestite aplikacijo Web Inspector.
- Ponovno pojdi na nastavitve > Safari > Razširitve > in tapnite spletni inšpektor.
- Uporabite preklopni gumb, da aktivirate to razširitev za Safari.
- Odprite Safari in obiščite katero koli spletno stran.
- Tapnite Razširitve ikono v desnem kotu naslovne vrstice.
- Izberite spletni inšpektor razširitev.
- Izberite Dovolite en dan možnost v pojavnem oknu, ki se prikaže.
- Še enkrat tapnite Razširitve ikono in se nato dotaknite Web Inspector.
- Izvorna koda HTML bi se morala pojaviti z dna spletne strani, ki si jo ogledujete.
- Preklapljate lahko med zavihki, kot so DOM, Elementi, Konzola, Omrežje in Viri.
- Če se želite vrniti v običajni pogled, preprosto tapnite razširitev Web Inspector v razdelku Razširitve v brskalniku Safari.
5. Aplikacija iOS – Ogled izvorne kode
Dobite ga brezplačno v App Store. V iskalno polje vnesite Ogled vira in se dotaknite Iskanje. V App Store boste videli več rezultatov. Namestite tisto, na kateri piše View Source. Ponudnik aplikacije je Roman Tomjak.
Odprite aplikacijo na začetnem zaslonu ali v predalu aplikacij. Nato v naslovno vrstico vnesite URL spletnega mesta, da razkrijete izvorno kodo HTML.
Orodje omogoča pogled izvorne kode v velikosti iPhona. Vendar pa lahko spremenite orientacijo ali povečate z ustreznimi gumbi v spodnjem desnem kotu zaslona.
6. Oglejte si izvorno kodo brezplačno z uporabo Google Web Cache
Na obiskanih spletnih mestih lahko izvedete naslednji čeden in kul trik, da si ogledate njihovo osnovno izvorno kodo v Safariju ali Chromu:
- Obiščite spletno stran, za katero morate najti izvorno kodo HTML.
- Tapnite naslov v naslovni vrstici brskalnika Safari ali Chrome.
- Kazalec za tipkanje postavite na začetek naslova, kot je prikazano na zgornji sliki.
- Zdaj vnesite naslednjo kodo prej https://
predpomnilnik:
- Udari pojdi gumb na tipkovnici iOS.
- Na vrhu strani morate videti Ogled vira možnost. Dotaknite se ga.
- Zdaj dobite izvorno kodo spletne strani, ki ste jo pravkar obiskali.
Preberite tudi:Kako uvoziti svoje zaznamke, gesla in drugo
7. Oglejte si izvorno kodo v spletnih aplikacijah
Obstaja veliko spletnih mest, ki vam omogočajo, da brezplačno ali za majhno plačilo razkrijete osnovne izvorne kode spletnih mest in spletnih strani. Od vseh teh spletnih aplikacij sem izbral CodeBeautifyjev pregledovalnik izvorne kode. Takole deluje:
- V iPhonu ali iPadu pojdite na to povezavo: Pregledovalnik izvorne kode z uporabo brskalnika Safari.
- V Vnesite URL polje, vnesite ali kopirajte in prilepite URL spletne strani, za katero želite razkriti izvorno kodo HTML.
- Tapnite Pogled gumb za ogled vira strani v brskalniku iPhone/iPad Safari.
Zaključek
Torej, zdaj poznate vse trike za ogled vira strani v napravah iPhone in iPad. V tem članku ste odkrili nekaj domačih in tujerodnih metod. Preprosto se lahko držite domačih trikov v iPadu ali iPhoneu, da si ogledate izvorno kodo HTML spletnih strani ali uporabite aplikacije, ki zelo olajšajo nalogo.
Sporočite mi, katera metoda vam je bila všeč, tako da pustite komentar spodaj. Prav tako delite članek na družbenih omrežjih in WhatsAppu, da pomagate svojim prijateljem, ki se učijo razvoja spletnega mesta in kodiranja aplikacij.
Naprej, Kako se naučiti Swift na Macu in iPadu.