Kako vidjeti izvorni kôd web stranice na iphoneu i ipadu

Iako iOS-ove aplikacije još nisu baš razvojni strojevi, iPhone ili iPad obično ćete pronaći u alatu web dizajnera / programera. Iako ako ste programer / izdavač ili samo netko tko želi pregledati izvorni kod stranice ili pregledati svu imovinu na njoj, to obično činite s računala.

Sada je iOS 8 znatno olakšao pregled izvora, sredstava i DOM izvora stranice. A zahvaljujući sjajnim aplikacijama trećih strana s podrškom za proširenje, to možete učiniti ispravno u Safariju (Chrome nije podržan jer ekstenzije mogu pristupati DOM-u samo na Safariju).

Razgovarajmo o dvije aplikacije koje će vam pomoći da pregledate i spremite izvorni kôd za bilo koje web mjesto kada ste na putu.

Pogledajte proširenje izvora za Safari

View Source (0, 99 USD) jednostavna je i moćna aplikacija s proširenjem Safarija. Košta 0, 99 dolara, ali dolazi s puno mogućnosti.

Nakon što je aplikacija instalirana, idite na Safari, dodirnite gumb Dijeli, pređite prstom udesno u donjem redu i dodirnite Više. Odavde prebacite Prikaži izvor. To će omogućiti proširenje.

Više o proširenjima za iOS 8: Proširenja za iOS 8 brzo postaju moćan alat. Pogledajte kako rade, proširenja s najboljim dijeljenjem i kako vam jedno proširenje može pomoći da Safari pretvorite u potpuno preuzimanje.

Idite na stranicu, dodirnite gumb Dijeli i odaberite Prikaži izvor. Vidjet ćete izvorni kod stranice u svom sjaju. Dodirnite gumb Dijeli da biste otvorili izvorni list dijeljenja. Odavde možete poslati kôd aplikaciji za bilješke ili je poslati e-poštom.

Ispod ćete vidjeti četiri gumba - Sredstva, DOM, Skripta i Informacije.

Popis imovine prikazuje sve slike na stranici. Možete dodirnuti vezu da biste vidjeli pregled i spremili sliku.

Gumb DOM prikazat će vam model stabla s hijerarhalnom strukturom HTML, XML i SVG dokumenata. Možete dodirnuti bilo koji element da biste ga proširili.

Gumb Script omogućuje vam pisanje i ubrizgavanje JavaScripta na bilo koju stranicu (lokalno). Na ploči s informacijama prikazane su informacije o stranici.

Srcfari

Srcfari (0, 99 USD) je alternativa prikazu izvora. Dok će vam aplikacija pokazati izvorni kôd i snimke poput slika, CSS tablica stilova i skripti koje se prikazuju na stranici, to ćete morati učiniti iz same aplikacije. Nema Safari ekstenzije za Srcfari.

To može reći da upotreba Srcfarija uopće nije loše iskustvo. Aplikacija ima lijepu tipografiju i čini mnogo bolji posao u razbijanju imovine skriptama, CSS-om i slikama od aplikacije View Source. Ono što imam kod Srcfarija je to što je omogućilo omotavanje teksta za CSS tablice stilova, ali ne i kada pregledavate cijeli izvor (što čini i View Source aplikacija). To znači da će biti uključeno prilično pomicanje i zumiranje, barem na iPhoneu.

Osim toga Srcfari je uobičajena stvar. Možete kopirati izvorni kôd u međuspremnik ili ga poslati e-pošti nekome. Slike također možete spremiti pomoću aplikacije.

Zaključak

Safari je vjerojatno već vaš preglednik na iOS-u (najviše zato što iOS ne dopušta da odaberete Chrome kao zadani). Ako trebate pogledati izvorni kod prilično često, aplikacija 0, 99 dolara za prikaz izvora s proširenjem Safari vrijedit će cijene.

Obično koristite svoj iPhone ili iPad za rješavanje problema s web stranicama? Ili da vide što nije u redu s njima? Javite nam u komentarima u nastavku.