Kuinka tarkastella Web-sivun lähdekoodia iPhonessa ja iPadissa

Vaikka iOS-sovellukset eivät ole aivan kehityskoneet Kuitenkin yleensä löydät iPhonen tai iPadin web-suunnittelijan/kehittäjän työkalupakkista. Vaikka olet kehittäjä/julkaisija tai vain joku, joka haluaa tarkastella sivun lähdekoodia tai kaikkea sivulle asennettua sisältöä, teet sen yleensä tietokoneelta.

Nyt iOS 8 on tehnyt sivun lähteen, resurssien ja DOM-resurssien tarkastelemisesta paljon helpompaa. Ja mahtavien kolmannen osapuolen sovellusten, joissa on laajennustuki, ansiosta voit tehdä sen suoraan Safarissa (Chromea ei tueta, koska laajennukset voivat käyttää DOM vain Safarissa).

Puhutaanpa kahdesta sovelluksesta, joiden avulla voit tarkastella ja tallentaa minkä tahansa verkkosivuston lähdekoodia, kun olet tien päällä.

Näytä Safarin lähdelaajennus

Katso lähde (0,99 dollaria) on yksinkertainen ja tehokas sovellus, jossa on Safari-laajennus. Se maksaa 0,99 dollaria, mutta siinä on paljon ominaisuuksia.

Kun sovellus on asennettu, siirry Safariin ja napauta Jaa -painiketta, pyyhkäise oikealle alimmalla rivillä ja napauta

Lisää. Vaihda tästä Katso lähde. Tämä ottaa laajennuksen käyttöön.

Lisää iOS 8 -laajennuksista: iOS 8 -laajennuksista on tulossa nopeasti a voimakas työkalu. Katso miten ne toimivat, parhaat jakolaajennukset, ja kuinka yksi laajennus voi auttaa sinua kääntämään Safarin täysin toimivaksi latausohjelmaksi.

Siirry nyt sivulle ja napauta Jaa -painiketta ja valitse Katso lähde. Näet sivun lähdekoodin kaikessa loistossaan. Napauta Jaa -painiketta tuodaksesi esiin alkuperäisen jakoarkin. Täältä voit lähettää koodin muistiinpanosovellukseen tai sähköpostitse.

Alla näet neljä painiketta – Assets, DOM, Script ja Info.

Assets listaa kaikki sivulla olevat kuvat. Voit napauttaa linkkiä nähdäksesi esikatselun ja tallentaaksesi kuvan.

The DOM -painike näyttää puumallin, jossa on HTML-, XML- ja SVG-dokumenttien hierarkkinen rakenne. Voit laajentaa mitä tahansa elementtiä napauttamalla sitä.

The Käsikirjoitus -painikkeella voit kirjoittaa ja lisätä Javascriptin mille tahansa sivulle (paikallisesti). The Tiedot paneeli näyttää tietoja sivusta.

Srcfari

Srcfari (0,99 $) on vaihtoehto Näytä lähdekoodi. Vaikka sovellus näyttää sinulle lähdekoodin ja sivulla olevat resurssit, kuten kuvat, CSS-tyylitaulukot ja komentosarjat, sinun on tehtävä se itse sovelluksesta. Srcfarille ei ole Safari-laajennusta.

Srcfarin käyttö ei kuitenkaan ole ollenkaan huono kokemus. Sovelluksessa on mukava typografia ja se tekee paljon paremmin resurssien erittelyn komentosarjojen, CSS: n ja kuvien mukaan kuin Näytä lähde -sovellus. Eräs Srcfarin ongelma on se, että se otti käyttöön tekstin rivityksen CSS-tyylitaulukoissa, mutta ei, kun tarkastelet koko lähdettä (mitä View Source -sovellus tekee). Tämä tarkoittaa, että panorointia ja zoomausta tulee olemaan melko paljon, ainakin iPhonessa.

Muu kuin Srcfari on tavallinen tapaus. Voit kopioida lähdekoodin leikepöydällesi tai lähettää sen jollekin sähköpostilla. Voit myös tallentaa kuvia sovelluksen avulla.

Johtopäätös

Safari on luultavasti jo valitsemasi selaimesi iOS: ssä (lähinnä siksi, että iOS ei anna sinun valita Chromea oletukseksi). Jos sinun on katsottava lähdekoodia melko usein, 0,99 dollarin Näytä lähdekoodi -sovellus Safari-laajennuksella on hintansa arvoinen.

Käytätkö yleensä iPhonea tai iPadia verkkosivustojen vianetsintään? Tai nähdäkseen, mikä niitä vaivaa? Kerro meille alla olevissa kommenteissa.