Kako pogledati izvorni kod web stranice na iPhoneu i iPadu
Miscelanea / / December 02, 2021
Iako iOS aplikacije nisu baš razvojni strojevi ipak, općenito ćete pronaći iPhone ili iPad u alatima web dizajnera/programera. Iako ako ste razvojni programer/izdavač ili samo netko tko želi vidjeti izvorni kod stranice ili pregledati svu imovinu raspoređenu na njoj, obično to činite s računala.
![Dsc 0433](/f/cad76343272a761931799e47924b8c8b.jpg)
Sada je iOS 8 znatno olakšao pregled izvora, imovine i DOM resursa stranice. A zahvaljujući sjajnim aplikacijama trećih strana s podrškom za proširenja, to možete učiniti izravno u Safariju (Chrome nije podržan jer proširenja mogu pristupiti DOM samo u Safariju).
Razgovarajmo o dvije aplikacije koje će vam pomoći da vidite i spremite izvorni kod za bilo koju web stranicu kada ste na putu.
Prikaži proširenje izvora za Safari
Pogledaj izvor (0,99 USD) je jednostavna i moćna aplikacija s proširenjem Safari. Košta 0,99 dolara, ali dolazi s puno značajki.
Nakon što je aplikacija instalirana, idite na Safari, dodirnite Udio gumb, prijeđite prstom udesno u donjem redu i dodirnite Više. Odavde prebacite Pogledaj izvor. To će omogućiti proširenje.
Više o proširenjima za iOS 8: Proširenja za iOS 8 brzo postaju a moćan alat. Pogledaj kako rade, the najbolja proširenja za dijeljenje, i kako vam jedno proširenje može pomoći da uključite Safari u punopravni program za preuzimanje.
Sada, idite na stranicu, dodirnite Udio gumb i odaberite Pogledaj izvor. Vidjet ćete izvorni kod stranice u svom sjaju. Dodirnite Udio gumb za prikaz izvornog lista za dijeljenje. Odavde možete poslati kod u aplikaciju za bilješke ili ga poslati e-poštom.
![Slika 2418](/f/e49aedc99552deb9eecf66ead536de44.png)
![Slika 2419](/f/3b2b6992425db2c5067e8eadd5d3c007.png)
Ispod ćete vidjeti četiri gumba - sredstva, DOM, skripta i informacije.
Sredstva navode sve slike na stranici. Možete dodirnuti vezu da biste vidjeli pregled i spremili sliku.
The DOM gumb će vam pokazati model stabla s hijerarhijskom strukturom HTML, XML i SVG dokumenata. Možete dodirnuti bilo koji element da biste ga proširili.
![Slika 2421](/f/c7559589a97db587646c1c6caccb3bee.png)
![Slika 2422](/f/db4f5e31b6d7e4bdfd1c52cdba47aed2.png)
The Skripta gumb vam omogućuje pisanje i ubacivanje Javascripta na bilo koju stranicu (lokalno). The Info ploča prikazuje informacije o stranici.
Srcfari
Srcfari (0,99 USD) alternativa je View Source. Dok će vam aplikacija pokazati izvorni kod i sredstva poput slika, CSS stilova i skripti koje se izvode na stranici, to ćete morati učiniti iz same aplikacije. Ne postoji proširenje za Safari za Srcfari.
![Slika 2426](/f/493aff8a6dc703d96eedcdfa1d2362e6.png)
![Slika 2428](/f/85e46e1bf946f8ebd9aa79ccdf1dcc66.png)
Uz to, korištenje Srcfarija uopće nije loše iskustvo. Aplikacija ima lijepu tipografiju i radi puno bolji posao u raščlanjivanju imovine prema skriptama, CSS-u i slikama od aplikacije View Source. Jedna zamjerka koju imam za Srcfari je da je omogućio prelamanje teksta za CSS stilove, ali ne i kada pregledavate cijeli izvor (što radi aplikacija View Source). To znači da će biti uključeno dosta pomicanja i zumiranja, barem na iPhoneu.
![Slika 2429](/f/0f8a9f380a884ee749ae420798229800.png)
![Slika 2430](/f/a6a7e9c50bdbd650aebcd8e88313392b.png)
Osim toga, Srcfari je uobičajena stvar. Možete kopirati izvorni kod u međuspremnik ili ga nekome poslati e-poštom. Također možete spremati slike pomoću aplikacije.
Zaključak
Safari je vjerojatno već vaš preglednik po izboru na iOS-u (uglavnom zato što vam iOS ne dopušta da odaberete Chrome kao zadani). Ako trebate pregledavati izvorni kod prilično često, aplikacija View Source od 0,99 USD s proširenjem Safari bit će vrijedna cijene.
Koristite li obično svoj iPhone ili iPad za rješavanje problema s web stranicama? Ili da vidimo što nije u redu s njima? Javite nam u komentarima ispod.