Kako pogledati izvorni kod web stranice na iPhoneu i iPadu

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.

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.

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.

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.

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.

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.