A weboldal forráskódjának megtekintése iPhone és iPad készüléken

Annak ellenére, hogy az iOS-alkalmazások nem egészen a fejlesztő gépek mégis általában talál egy iPhone-t vagy iPadet a webdesigner/fejlesztő eszköztárában. Bár ha Ön fejlesztő/kiadó, vagy csak valaki, aki meg szeretné tekinteni egy oldal forráskódját, vagy meg szeretné tekinteni az összes azon telepített eszközt, ezt általában a számítógépről teszi.

Az iOS 8 most sokkal egyszerűbbé tette az oldalak forrásának, elemeinek és DOM-forrásainak megtekintését. A kiterjesztéstámogatással rendelkező, nagyszerű, harmadik féltől származó alkalmazásoknak köszönhetően pedig közvetlenül megteheti a Safariban (a Chrome nem támogatott, mert a bővítmények hozzáférhetnek DOM csak Safariban).

Beszéljünk arról a két alkalmazásról, amelyek segítségével megtekintheti és mentheti bármely webhely forráskódját, amikor úton van.

A Safari forrásbővítményének megtekintése

Forrás megtekintése (0,99 USD) egy egyszerű és hatékony alkalmazás Safari bővítménnyel. 0,99 dollárba kerül, de sok funkcióval rendelkezik.

Az alkalmazás telepítése után lépjen a Safariba, és érintse meg a

Részvény gombot, csúsztassa az ujját jobbra az alsó sorban, és koppintson a gombra Több. Innen váltás Forrás megtekintése. Ez engedélyezi a bővítményt.

További információ az iOS 8 bővítményeiről: Az iOS 8 bővítmények gyorsan válnak a erős eszköz. Vessünk egy pillantást hogyan működnek, az legjobb megosztási bővítmények, és hogyan segíthet egy bővítmény a Safari használatában egy teljes értékű letöltővé.

Most lépjen az oldalra, érintse meg a Részvény gombot, és válassza ki Forrás megtekintése. Látni fogja az oldal forráskódját teljes pompájában. Érintse meg a Részvény gombot a natív megosztási lap megjelenítéséhez. Innen elküldheti a kódot egy jegyzetalkalmazásba, vagy elküldheti e-mailben.

Alul négy gomb látható – Eszközök, DOM, Script és Info.

Az eszközök listája az oldalon található összes kép. A linkre koppintva előnézetet láthat, és elmentheti a képet.

Az DOM gomb egy famodellt mutat meg a HTML, XML és SVG dokumentumok hierarchikus felépítésével. Bármely elemre koppintva kibonthatja azt.

Az Forgatókönyv gomb lehetővé teszi a Javascript írását és beszúrását bármely oldalra (helyileg). Az Info panel információkat mutat az oldalról.

Srcfari

Srcfari (0,99 USD) a Forrás megtekintése alternatívája. Míg az alkalmazás megmutatja a forráskódot és az olyan elemeket, mint a képek, CSS-stíluslapok és az oldalon futó szkriptek, ezt magából az alkalmazásból kell megtennie. Az Srcfarihoz nincs Safari-bővítmény.

Ennek ellenére az Srcfari használata egyáltalán nem rossz tapasztalat. Az alkalmazásnak szép tipográfiája van, és sokkal jobb munkát végez az eszközök szkriptek, CSS és képek szerinti lebontásában, mint a View Source alkalmazás. Az egyik gondom az Srcfarival az, hogy engedélyezte a szöveg tördelését a CSS-stíluslapoknál, de nem, amikor a teljes forrást nézi (amit a Forrás megtekintése alkalmazás teszi). Ez azt jelenti, hogy megfelelő mennyiségű pásztázással és nagyítással jár majd, legalábbis az iPhone-on.

Ettől eltekintve a Srcfari a szokásos ügy. A forráskódot a vágólapra másolhatja, vagy e-mailben elküldheti valakinek. Az alkalmazás segítségével képeket is menthet.

Következtetés

Valószínűleg már a Safari a választott böngészője iOS rendszeren (főleg azért, mert az iOS nem teszi lehetővé a Chrome alapértelmezettként való kiválasztását). Ha elég gyakran kell megtekintenie a forráskódot, a 0,99 dolláros View Source alkalmazás a Safari bővítményével megéri az árát.

Általában iPhone vagy iPad készülékét használja webhelyek hibaelhárítására? Vagy megnézni, mi a baj velük? Tudassa velünk az alábbi megjegyzésekben.