A weblap forráskódjának megtekintése az iPhone-on és az ipadon

Annak ellenére, hogy az iOS alkalmazások még nem egészen a fejlesztőgépek, általában iPhone vagy iPad készüléket találnak egy webdesigner / fejlesztő eszközkészletében. Bár ha fejlesztő / kiadó vagy csak valaki, aki meg akarja tekinteni egy oldal forráskódját, vagy megnézheti az összes rajta tárolt eszközt, akkor általában a számítógépről csinálja.

Most az iOS 8 sokkal könnyebbé tette az oldal forrásának, eszközeinek és DOM-erőforrásainak megtekintését. És a kiterjesztést támogató, félelmetes harmadik féltől származó alkalmazásoknak köszönhetően, közvetlenül a Safari-ban is megteheti (a Chrome nem támogatott, mert a bővítmények csak a Safari-ban férhetnek hozzá a DOM-hoz).

Beszéljünk a két alkalmazásról, amelyek segítenek bármilyen webhely forráskódjának megtekintésében és mentésében, amikor útközben vagy.

View Source Extension for Safari

A View Source (0, 99 USD) egy egyszerű és hatékony alkalmazás Safari kiterjesztéssel. 0, 99 dollárba kerül, de nagyon sok funkcióval rendelkezik.

Miután az alkalmazás telepítve van, lépjen a Safari oldalra, koppintson a Megosztás gombra, húzza az ujját jobbra az alsó sorban, és koppintson a További elemre. Innen válthat a View Source elemre. Ez lehetővé teszi a kiterjesztést.

Még több az iOS 8 kiterjesztéseiről: Az iOS 8 kiterjesztések gyorsan hatékony eszközzé válnak. Nézze meg, hogyan működnek, a legjobb megosztás-bővítményeket, és hogy egy kiterjesztés miként segíthet a Safari-t teljes értékű letöltővé alakítani.

Most lépjen az oldalra, koppintson a Megosztás gombra, és válassza a Forrás megtekintése lehetőséget. Látni fogja az oldal forráskódját annak dicsőségében. Koppintson a Megosztás gombra a natív megosztási lap megjelenítéséhez. Innentől elküldheti a kódot egy jegyzetek alkalmazásra, vagy e-mailben is küldheti el.

Az alábbiakban négy gomb látható - Eszközök, DOM, Szkript és Információ.

Eszközök felsorolják az összes képet az oldalon. Az előnézet megtekintéséhez és a kép mentéséhez koppintson egy linkre.

A DOM gomb megjeleníti a HTML, XML és SVG dokumentumok hierarchikus felépítésű famodelljét. Bármely elem megérintésével kibővítheti.

A Script gomb segítségével Javascriptet írhat és fecskendezhet be bármely oldalra (helyileg). Az Információ panelen az oldalra vonatkozó információk jelennek meg.

Srcfari

Az Srcfari (0, 99 USD) a View Source alternatívája. Míg az alkalmazás megmutatja a forráskódot és az eszközöket, például képeket, CSS stíluslapokat és az oldalon futó szkripteket, ezt maga az alkalmazásból kell megtennie. Az Srcfari számára nincs Safari kiterjesztés.

Ennek ellenére az Srcfari használata egyáltalán nem rossz tapasztalat. Az alkalmazás szép tipográfiájú, és sokkal jobb munkát végez az eszközök szkriptek, CSS és képek alapján történő bontásában, mint a View Source alkalmazás. Az egyik csapás az Srcfari kapcsán az, hogy ez lehetővé tette a szövegcsomagolást a CSS stíluslapokhoz, de nem a teljes forrás megtekintésekor (amit a View Source alkalmazás tesz). Ez azt jelenti, hogy meglehetősen nagy mennyiségű pásztázás és nagyítás szükséges, legalább az iPhone-on.

Ezen kívül az Srcfari a szokásos ügy. A forráskódot átmásolhatja a vágólapra, vagy elküldheti e-mailben valakinek. A képeket az alkalmazás segítségével is mentheti.

Következtetés

A Safari valószínűleg már az Ön által választott böngésző az iOS rendszeren (elsősorban azért, mert az iOS nem teszi lehetővé, hogy alapértelmezésként a Chrome-ot válassza). Ha viszonylag gyakran kell megnéznie a forráskódot, akkor a 0, 99 dolláros View Source alkalmazás és annak Safari kiterjesztése megéri az árát.

Általában iPhone-ját vagy iPadjét használja a webhelyek hibaelhárításához? Vagy hogy megnézze, mi baj velük? Tudassa velünk az alábbi megjegyzésekben.