Ako zobraziť zdrojový kód webovej stránky na zariadeniach iPhone a iPad
Rôzne / / December 02, 2021
Aj keď aplikácie pre iOS nie sú úplne ono vývojové stroje Vo všeobecnosti však nájdete iPhone alebo iPad v súprave nástrojov pre webového dizajnéra/vývojára. Hoci ak ste vývojár/vydavateľ alebo len niekto, kto chce zobraziť zdrojový kód stránky alebo zobraziť všetky prostriedky na nej nasadené, zvyčajne to robíte z počítača.
Systém iOS 8 teraz výrazne zjednodušil prezeranie zdrojov, prvkov a zdrojov DOM stránky. A vďaka úžasným aplikáciám tretích strán s podporou rozšírení to môžete urobiť priamo v Safari (Chrome nie je podporovaný, pretože rozšírenia majú prístup DOM iba v Safari).
Poďme sa porozprávať o dvoch aplikáciách, ktoré vám pomôžu zobraziť a uložiť zdrojový kód ľubovoľného webu, keď ste na cestách.
Zobraziť rozšírenie zdroja pre Safari
Zdroj pohladu (0,99 $) je jednoduchá a výkonná aplikácia s rozšírením Safari. Stojí 0,99 $, ale prichádza s množstvom funkcií.
Po nainštalovaní aplikácie prejdite do Safari a klepnite na zdieľam, potiahnite prstom doprava v dolnom riadku a klepnite na Viac. Odtiaľ prepínať Zdroj pohladu. Toto rozšírenie povolí.
Viac o rozšíreniach pre iOS 8: Rozšírenia pre iOS 8 sa rýchlo stávajú a mocný nástroj. Pozri sa na ako fungujú, najlepšie zdieľané rozšíreniaa ako vám jedno rozšírenie môže pomôcť zmeniť Safari do plnohodnotného sťahovača.
Teraz prejdite na stránku a klepnite na zdieľam a vyberte si Zdroj pohladu. Uvidíte zdrojový kód stránky v celej svojej kráse. Klepnite na ikonu zdieľam tlačidlo na zobrazenie natívneho zdieľaného hárka. Odtiaľto môžete poslať kód do aplikácie na poznámky alebo ho poslať e-mailom.
Nižšie uvidíte štyri tlačidlá – Aktíva, DOM, Skript a Informácie.
Aktíva uvádzajú všetky obrázky na stránke. Klepnutím na odkaz zobrazíte ukážku a uložíte obrázok.
The DOM zobrazí stromový model s hierarchickou štruktúrou dokumentov HTML, XML a SVG. Klepnutím na ľubovoľný prvok ho rozbalíte.
The Skript umožňuje písať a vkladať Javascript na ľubovoľnú stránku (lokálne). The Info panel zobrazuje informácie o stránke.
Srcfari
Srcfari (0,99 USD) je alternatívou k View Source. Aj keď vám aplikácia zobrazí zdrojový kód a prostriedky, ako sú obrázky, šablóny so štýlmi CSS a skripty spustené na stránke, musíte to urobiť zo samotnej aplikácie. Pre Srcfari neexistuje žiadne rozšírenie Safari.
To znamená, že používanie Srcfari nie je vôbec zlá skúsenosť. Aplikácia má peknú typografiu a robí oveľa lepšiu prácu pri rozdeľovaní aktív podľa skriptov, CSS a obrázkov ako aplikácia View Source. Jedna námietka, ktorú mám so Srcfari, je, že umožnila zalamovanie textu pre šablóny so štýlmi CSS, ale nie pri prezeraní celého zdroja (čo robí aplikácia View Source). To znamená, že sa bude týkať značného množstva posúvania a približovania, aspoň na iPhone.
Okrem toho je Srcfari bežná záležitosť. Zdrojový kód môžete skopírovať do schránky alebo ho niekomu poslať e-mailom. Pomocou aplikácie môžete tiež ukladať obrázky.
Záver
Safari je pravdepodobne už váš prehliadač pre iOS (väčšinou preto, že iOS vám neumožňuje vybrať Chrome ako predvolený). Ak potrebujete prezerať zdrojový kód pomerne často, aplikácia View Source za 0,99 $ s rozšírením Safari sa vám oplatí.
Používate zvyčajne svoj iPhone alebo iPad na riešenie problémov s webovými stránkami? Alebo vidieť, čo je s nimi? Dajte nám vedieť v komentároch nižšie.