Kako si ogledate izvorno kodo spletne strani na iPhone in iPad

Čeprav aplikacije za iOS niso povsem prave razvojni stroji kljub temu pa boste na splošno našli iPhone ali iPad v kompletu orodij spletnega oblikovalca/razvijalca. Čeprav ste razvijalec/izdajatelj ali samo nekdo, ki si želi ogledati izvorno kodo strani ali si ogledati vsa sredstva, ki so na njej razporejena, to običajno storite iz računalnika.

Zdaj je iOS 8 precej olajšal ogled vira, sredstev in virov DOM strani. In zahvaljujoč odličnim aplikacijam tretjih oseb s podporo za razširitve, lahko to storite kar v Safariju (Chrome ni podprt, ker lahko razširitve dostopajo do DOM samo v Safariju).

Pogovorimo se o dveh aplikacijah, ki vam bosta pomagali pri ogledu in shranjevanju izvorne kode za katero koli spletno mesto, ko ste na poti.

Oglejte si razširitev vira za Safari

Ogled vira (0,99 $) je preprosta in zmogljiva aplikacija z razširitvijo Safari. Stane 0,99 $, vendar ima veliko funkcij.

Ko je aplikacija nameščena, pojdite v Safari in tapnite Deliti gumb, povlecite v desno v spodnji vrstici in tapnite Več. Od tu preklopi Ogled vira. To bo omogočilo razširitev.

Več o razširitvah za iOS 8: Razširitve za iOS 8 hitro postajajo a močno orodje. Poglej kako delujejo, najboljše razširitve za skupno rabo, in kako vam lahko ena razširitev pomaga spremeniti Safari v polnopraven prenosnik.

Zdaj pojdite na stran in tapnite Deliti gumb in izberite Ogled vira. Videli boste izvorno kodo strani v vsem njenem sijaju. Dotaknite se Deliti gumb, da prikažete izvorni list za skupno rabo. Od tu lahko kodo pošljete aplikaciji za beležke ali jo pošljete po e-pošti.

Spodaj boste videli štiri gumbe – sredstva, DOM, skript in informacije.

Sredstva prikazujejo vse slike na strani. Lahko se dotaknete povezave, da si ogledate predogled in shranite sliko.

The DOM vam bo prikazal drevesni model s hierarhično strukturo dokumentov HTML, XML in SVG. Lahko se dotaknete katerega koli elementa, da ga razširite.

The Skripta gumb vam omogoča pisanje in vbrizgavanje Javascript na katero koli stran (lokalno). The Info plošča prikazuje informacije o strani.

Srcfari

Srcfari (0,99 USD) je alternativa View Source. Medtem ko vam bo aplikacija pokazala izvorno kodo in sredstva, kot so slike, slogovne liste CSS in skripti, ki se izvajajo na strani, boste to morali storiti iz same aplikacije. Za Srcfari ni razširitve Safari.

Kljub temu uporaba Srcfarija sploh ni slaba izkušnja. Aplikacija ima lepo tipografijo in veliko bolje razčlenjuje sredstva po skriptih, CSS in slikah kot aplikacija View Source. Eden od zamerkov, ki jih imam glede Srcfari, je, da je omogočil previjanje besedila za slogovne tabele CSS, vendar ne, ko si ogledujete celoten vir (kar počne aplikacija View Source). To pomeni, da bo vključenih kar nekaj premikanja in povečave, vsaj pri iPhonu.

Razen tega je Srcfari običajna zadeva. Izvorno kodo lahko kopirate v odložišče ali jo pošljete nekomu po e-pošti. Slike lahko shranite tudi z aplikacijo.

Zaključek

Safari je verjetno že vaš izbrani brskalnik v iOS-u (predvsem zato, ker vam iOS ne dovoli, da izberete Chrome kot privzeto). Če si morate dokaj pogosto ogledati izvorno kodo, bo aplikacija View Source v vrednosti 0,99 USD z razširitvijo Safari vredna svoje cene.

Ali običajno uporabljate svoj iPhone ali iPad za odpravljanje težav s spletnimi mesti? Ali pa da vidim, kaj je narobe z njimi? Sporočite nam v spodnjih komentarjih.