Kako pogledati izvor web stranice na iPhoneu/iPadu: 7 metoda

Pretpostavimo da posjećujete web stranicu na kojoj ste radili i vidite neke greške. Morate pogledati izvor stranice na iPhoneu ili iPadu kako biste pronašli kod s greškom i popravili ga. Otvorite Safari i poludite tražeći gumb za prikaz HTML izvornog koda na Safariju bez uspjeha. Što radiš sada? Lako je, samo pročitajte ovaj članak!

Svaki programer web stranica, programer, dizajner softvera, programer aplikacija u App Storeu, kreator sadržaja i webmaster zna koliko je ključan izvorni kod. U ovoj fazi rada uvijek morate pogledati izvorni kod web-stranice kako biste ispravili probleme, otklonili pogreške, dizajnirali i dodali vrijednost web-stranici.

Iako je ovaj zadatak prilično jednostavan na Android i Windows uređajima, jednako je težak na Apple uređajima kao što su iPhone, iPad, MacBook i iMac. No, na macOS-u, značajka je dostupna, ali skrivena i možete je pronaći slijedeći ovaj “Pogledajte HTML izvorni kod u Safariju” članak. Međutim, za iOS uređaje, to je druga priča.

Apple je potpuno otežao pregled izvora stranica na iPadu/iPhoneu. Ne postoje izvorne, ili trebao bih reći, jednostavne metode koje možete dodirnuti ili dodirnuti da biste dobili izvorni HTML kod web stranica. Ali nemojte još previše poludjeti. Umjesto toga, pročitajte ovaj članak do kraja kako biste pronašli najbolje načine da naučite kako vidjeti izvor stranice na Safariju na iPhoneu ili iPadu.

Razlozi zašto morate vidjeti izvorni kod stranice na iPhoneu/iPadu

U nastavku pronađite neke situacije i razloge za pregled izvora stranica na Safariju na iPadu/iPhoneu:

Morate vidjeti izvor stranice web stranice za određeni uređaj kao što je iPhone ili iPad. Ako web stranici pristupite na Macu i pogledate HTML izvorni kod, vidjet ćete elemente za verziju za stolna računala, a ne za verzije za iPhone ili iPad.
Putujete i želite uložiti svoje vrijeme u pregledavanje kodova web stranica kako biste dobili nove ideje ili izradili plan za uklanjanje pogrešaka.
Radije razvijate web stranice na svom iPadu budući da dolazi s mnogim multitasking značajkama kao što su Scenski menadžer, Split View, itd.

Stoga, slijedite metode u nastavku kako biste ostali spremni ako se u bilo kojem trenutku pojavi potreba za pregledom izvora stranice na iPhoneu ili iPadu.

Najbolje metode za pregled izvora stranice na iPhoneu/iPadu

Ispod su popularni načini pregledavanja izvora stranica u HTML kodovima na iPhoneu ili iPadu bez korištenja bilo koje aplikacije treće strane. Ove su metode prikladne za programere i krajnje korisnike koji se bave privatnošću i sigurnošću:

1. Preuzmite HTML izvorni kod pomoću aplikacije prečaca

Ova će metoda funkcionirati samo ako koristite iOS 12.0 (iPadOS 12.0) i noviji. Evo kako stvoriti prečac izvora stranice za prikaz na iPhoneu ili iPadu:

Otvori Prečaci aplikaciju s početnog zaslona ili ladice aplikacija.
Dodirnite plus (+) ikona za stvaranje novog praznog prečaca.
U okvir za pretraživanje upišite HTML i odabrati Napravite HTML od obogaćenog teksta.
Opet, potražite Brzi pogled aplikaciju u okviru za pretraživanje i dodajte je u uređivač prečaca.
Sada dodirnite ikonu prečaca na vrhu i odaberite Preimenovati.

Prečac za prikaz izvornog koda na web stranicama

Preimenuj ga u Pregledajte izvorni kod i dodirnite Gotovo.
Dodirnite (i) gumb i uključite Prikaži u tablici dijeljenja opcija.
Sada otvorite preglednik Safari i posjetite web stranicu po svom izboru.

Pregledajte prečac izvornog koda na stranici za dijeljenje na Safariju

Dodirnite Udio na aplikaciji Safari i pomaknite se prema dolje kako biste pronašli Pregledajte izvorni kod prečac.
Dodirnite prečac i dobit ćete HTML izvorni kod u Quick Looku.

2. Pregledajte izvorni kod stranice pomoću skripte knjižne oznake

Ovom metodom izradit ćete knjižnu oznaku, a URL će biti izvorna skripta prikaza. Kada pregledavate bilo koju web stranicu i trebate vidjeti izvor stranice na Safariju, jednostavno dodirnite oznaku. Dobit ćete izvorni HTML kod za stranicu. Evo kako se to radi:

Posjetite nasumično odabrano web mjesto i označite ga u svom pregledniku Safari za iPad ili iPhone.
Dodirnite Safari izbornik u gornjem lijevom kutu i idite na Oznake.
Dodir Favoriti kako biste pronašli oznaku koju ste upravo dodali.
Dugo dodirnite oznaku, a zatim odaberite Uredi na kontekstnom izborniku.

Obrišite postojeći naslov oznake i preimenujte je u HTML izvorni kod ili bilo što drugo samo da zapamtite knjižnu oznaku.
Dodirnite Adresa polje i izbrišite postojeći URL.
Kopirajte i zalijepite sljedeći kod kao URL (Kreator koda: 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))})();

Dodirnite Gotovo na tipkovnici da biste spremili promjene koje ste do sada napravili.
Sada idite na web stranicu za koju trebate provjeriti izvorni kod.

Kako vidjeti izvor stranice na Safariju pomoću skripte za oznake

Idi na Oznake izbornik i dodirnite HTML izvorni kod oznaku koju ste upravo stvorili.
Trebali biste vidjeti HTML kod stranice koju posjećujete u novoj kartici Safarija.

Također pročitajte:Kako upravljati oznakama u Safariju na iOS-u i Macu

3. Pregledajte izvor stranice koristeći macOS Tethering

Aplikacija Safari na iPhoneu i iPadu dolazi s ugrađenim alatom Web Inspector. Nažalost, značajka ne radi izravno na iPhone ili iPad uređajima. Morate spojiti uređaje na MacBook ili iMac. Zatim možete koristiti kontrole na Mac Safariju za vizualizaciju HTML izvornog koda. Proces se odvija u dvije faze kako je navedeno u nastavku:

Aktivirajte Web Inspector

Slijedite ove korake za uključivanje Web inspektor funkcionalnost na Safariju za iPad i iPhone:

Na svom iPhoneu ili iPadu otvorite postavke aplikacija
Ići Postavke Safarija.
Pomaknite se prema dolje do dna prozora postavki Safarija kako biste pronašli Napredna Jelovnik. Dodirnite ga.

Kako nabaviti Web Inspector na Safari iPad

Aktivirajte Web inspektor pritiskom na gumb za prebacivanje.

Pregledajte izvorni kod stranice na Mac Safariju

Idite na svoj Mac i slijedite ove korake:

Priključite iPhone ili iPad na MacBook ili iMac pomoću USB kabela.
Ako uređaj nije ranije autentificiran, Mac će od vas tražiti da ga autentificirate pomoću Apple ID-a.
Sada otvorite aplikaciju Safari na Macu i posjetite bilo koje web mjesto.
Kliknite na alatnoj traci Maca Razviti.
Potražite svoj iPad ili iPhone u kontekstnom izborniku koji se otvori.
Pritisnite svoj iPad ili iPhone kako biste otvorili novi prozor na vašem Macu koji prikazuje Safari zaslon ovih uređaja.
Sada otvorite ciljnu web stranicu na svom iPhoneu ili iPadu i pogledajte izvorni kod u pregledniku Mac Safari.

Ako se slažete s aplikacijama i alatima trećih strana, možda biste trebali pogledati i ove dodatne metode za pregled HTML izvornih kodova web-stranica:

4. Safari proširenje – Web Inspector

Možete instalirati proširenje Web Inspector za preglednik Apple Safari na iPad i iPhone. Zatim pozovite proširenje dok pregledavate web-stranicu kako biste vidjeli njezin izvorni HTML kod. Evo koraka koje biste trebali isprobati:

Otvori postavke aplikaciju i idite na Postavke Safarija odjeljak.
Pomičite se prema dolje dok ne pronađete Ekstenzije opcija. Dodirnite ga.

Idite na Više proširenja u postavkama Safarija

Unutar proširenja dodirnite Više ekstenzija.
Pojavit će se stranica App Store za Safari proširenja.
Dodirnite traži kutija i vrsta Web inspektor i dodirnite Traži na tipkovnici.
Pronađite i instalirajte aplikaciju Web Inspector.
Opet idite na postavke > Safari > Ekstenzije > i dodirnite Web inspektor.
Upotrijebite gumb za prebacivanje kako biste aktivirali ovo proširenje za Safari.
Otvorite Safari i posjetite bilo koje web mjesto.

Aktivirajte Web Inspector iz izbornika Safari Extensions

Dodirnite Ekstenzije ikonu u desnom kutu adresne trake.
Odaberite Web inspektor proširenje.
Odaberi Ostavite jedan dan opciju na skočnom prozoru koji se pojavljuje.
Opet dodirnite Ekstenzije i zatim dodirnite Web Inspector.
Izvorni HTML kod trebao bi iskočiti s dna web stranice koju gledate.

Naučite kako vidjeti izvor stranice na iPhoneu ili iPadu pomoću Web Inspectora

Možete se prebacivati između kartica kao što su DOM, Elementi, Konzola, Mreža i Resursi.
Za povratak na normalni prikaz jednostavno dodirnite proširenje Web Inspector u odjeljku Proširenja u Safariju.

5. Aplikacija za iOS – Prikaži izvor

Možete ga besplatno nabaviti u App Storeu. U okvir za pretraživanje upišite Prikaži izvor i dodirnite Traži. Vidjet ćete više rezultata na App Storeu. Instalirajte onaj na kojem piše View Source. Izvođač aplikacije je Roman Tomjak.

Otvorite aplikaciju s početnog zaslona ili ladice aplikacija. Zatim u adresnu traku upišite URL web stranice kako biste otkrili izvorni HTML kod.

Alat daje prikaz izvornog koda veličine iPhonea. Međutim, možete promijeniti orijentaciju ili povećati pomoću odgovarajućih gumba u donjem desnom kutu zaslona.

6. Besplatno pogledajte izvorni kod koristeći Google Web Cache

Možete izvesti sljedeći zgodan i cool trik na posjećenim web-lokacijama kako biste vidjeli njihov izvorni kod na Safariju ili Chromeu:

Posjetite web stranicu za koju trebate pronaći HTML izvorni kod.
Dodirnite adresu na adresnoj traci preglednika Safari ili Chrome.

Postavite kursor za upisivanje na početku adrese kao što je prikazano na gornjoj slici.

Sada prije upišite sljedeći kod https://

predmemorija:

Udari Ići gumb na iOS tipkovnici.

Kako vidjeti izvor stranice na Safariju koristeći Google Web Cache

Na vrhu stranice morate vidjeti Pogledaj izvor opcija. Dodirnite ga.
Sada dobivate izvorni kod web stranice koju ste upravo posjetili.

Također pročitajte:Kako uvesti svoje knjižne oznake, lozinke i još mnogo toga

7. Pregledajte izvorni kod na web aplikacijama

Postoje mnoga web-mjesta koja vam omogućuju otkrivanje temeljnih izvornih kodova web-mjesta i web-stranica besplatno ili uz malu naknadu. Od svih tih web-aplikacija odabrao sam CodeBeautifyjev Source Code Viewer. Evo kako to funkcionira:

Na iPhoneu ili iPadu idite na ovu vezu: Preglednik izvornog koda pomoću preglednika Safari.

Kako vidjeti izvorni kod na web aplikacijama

u Unesite URL okvir, upišite ili kopirajte i zalijepite URL web stranice za koji želite otkriti izvorni HTML kod.
Dodirnite Pogled gumb za pregled izvora stranice na iPhone/iPad Safari pregledniku.

Zaključak

Dakle, sada znate sve trikove za pregled izvora stranice na iPhone i iPad uređajima. U ovom ste članku otkrili neke nativne i ne-nativne metode. Možete se jednostavno pridržavati izvornih trikova na iPadu ili iPhoneu za pregled HTML izvornog koda web stranica ili koristiti aplikacije koje uvelike olakšavaju zadatak.

Javite mi koja vam se metoda svidjela ostavljajući komentar ispod. Također, podijelite članak na društvenim mrežama i WhatsAppu kako biste pomogli svojim prijateljima koji uče razvoj web stranica i kodiranje aplikacija.

Sljedeće, Kako naučiti Swift na Macu i iPadu.