Cum să vizualizați codul sursă al paginii web pe iPhone și ipad

Chiar dacă aplicațiile iOS nu sunt încă mașini de dezvoltare, în general vei găsi un iPhone sau un iPad într-un set de instrumente pentru un designer web / dezvoltator. Deși dacă sunteți un dezvoltator / editor sau doar cineva care dorește să vizualizeze codul sursă al unei pagini sau să vizualizeze toate activele desfășurate pe ea, îl faceți de obicei de pe computer.

Acum iOS 8 a făcut mult mai ușor să vizualizeze resursele sursă, active și DOM ale unei pagini. Și datorită aplicațiilor terțe minunate cu suport de extensie, puteți face acest lucru chiar în Safari (Chrome nu este acceptat, deoarece extensiile pot accesa DOM doar în Safari).

Haideți să vorbim despre cele două aplicații care vă vor ajuta să vizualizați și să economisiți codul sursă pentru orice site web atunci când sunteți pe drum.

Vizualizați extensia sursă pentru Safari

View Source (0, 99 USD) este o aplicație simplă și puternică, cu o extensie Safari. Costă 0, 99 USD, dar vine cu o mulțime de funcții.

După ce aplicația este instalată, accesați Safari, atingeți butonul Share, treceți spre dreapta pe rândul de jos și atingeți Mai mult. De aici, comutați View Source. Aceasta va permite extensia.

Mai multe despre extensiile iOS 8: extensiile iOS 8 devin rapid un instrument puternic. Aruncați o privire la modul în care funcționează, cele mai bune extensii de distribuire și modul în care o extensie vă poate ajuta să transformați Safari într-un program de descărcare complet.

Acum, accesați pagina, atingeți butonul Share și alegeți View Source. Veți vedea codul sursă al paginii în toată gloria sa. Atingeți butonul Share pentru a afișa foaia de acțiuni native. De aici puteți trimite codul către o aplicație pentru note sau pentru a-l trimite prin e-mail.

Mai jos veți vedea patru butoane - Active, DOM, Script și Informații.

Activele listează toate imaginile din pagină. Puteți atinge un link pentru a vedea o previzualizare și pentru a salva imaginea.

Butonul DOM vă va arăta un model de arbore cu o structură ierarhică a documentelor HTML, XML și SVG. Puteți atinge orice element pentru a-l extinde.

Butonul Script vă permite să scrieți și să injectați Javascript în orice pagină (local). Panoul de informații arată informații despre pagină.

Srcfari

Srcfari (0, 99 USD) este o alternativă la View Source. În timp ce aplicația vă va afișa codul sursă și activele precum imaginile, foile de stil CSS și scripturile care rulează pe pagină, va trebui să o faceți din aplicație. Nu există o extensie Safari pentru Srcfari.

Acestea fiind spuse, utilizarea Srcfari nu este deloc o experiență proastă. Aplicația are o tipografie plăcută și face o treabă mult mai bună la descompunerea activelor prin scripturi, CSS și imagini decât aplicația View Source. Un lucru pe care îl am cu Srcfari este că a activat înfășurarea textului pentru foile de stil CSS, dar nu atunci când vedeți întreaga sursă (pe care o face aplicația View Source). Aceasta înseamnă că va fi o cantitate corectă de panoramare și zoom implicate, cel puțin pe iPhone.

În afară de asta, Srcfari este obișnuita aventură. Puteți copia codul sursă în clipboard sau îl puteți trimite prin e-mail cuiva. De asemenea, puteți salva imagini folosind aplicația.

Concluzie

Safari este probabil deja browserul tău la alegere pe iOS (mai ales pentru că iOS nu te lasă să selectezi Chrome ca implicit). Dacă trebuie să vizualizați codul sursă destul de des, aplicația View Source de 0, 99 USD cu extensia Safari va merita prețul.

Utilizați de obicei iPhone-ul sau iPad-ul pentru a rezolva site-urile web? Sau să vezi ce nu e cu ei? Spuneți-ne în comentariile de mai jos.