Kuinka katsella verkkosivun lähdekoodia iPhonessa ja iPadissa

Vaikka iOS-sovellukset eivät ole vielä aivan kehityskoneita, löydät yleensä iPhonen tai iPadin web-suunnittelijan / kehittäjän työkalupakista. Vaikka olet kehittäjä / julkaisija tai vain joku, joka haluaa tarkastella sivun lähdekoodia tai tarkastella kaikkia siihen käytettyjä sisältöjä, teet sen yleensä tietokoneelta.

Nyt iOS 8 on helpottanut sivun lähteen, omaisuuden ja DOM-resurssien tarkastelua. Ja upeiden kolmansien osapuolien sovellusten ansiosta, joilla on laajennustuki, voit tehdä sen oikein Safarissa (Chromea ei tueta, koska laajennukset voivat käyttää DOM: ta vain Safarissa).

Puhutaanpa kahdesta sovelluksesta, joiden avulla voit tarkastella ja tallentaa lähdekoodia mille tahansa verkkosivustolle, kun olet matkalla.

Näytä lähdelaajennus Safarille

View Source (0, 99 dollaria) on yksinkertainen ja tehokas sovellus, jolla on Safari-laajennus. Se maksaa 0, 99 dollaria, mutta siinä on paljon ominaisuuksia.

Kun sovellus on asennettu, siirry Safariin, napauta Jaa- painiketta, pyyhkäise oikealle alareunassa ja napauta Lisää. Täältä vaihtaa Näytä lähde. Tämä mahdollistaa laajennuksen.

Lisää iOS 8 -laajennuksista: iOS 8 -laajennuksista on nopeasti tulossa tehokas työkalu. Katso, miten ne toimivat, parhaat jakolaajennukset ja kuinka yksi laajennus voi auttaa sinua muuttamaan Safarin täysivaltaiseksi lataajaksi.

Siirry nyt sivulle, napauta Jaa- painiketta ja valitse Näytä lähde. Näet sivun lähdekoodin kunniassaan. Napauta Jaa- painiketta tuodaksesi esiin alkuperäisen osakelehden. Täältä voit lähettää koodin muistiinpanosovellukseen tai lähettää sen sähköpostitse.

Alla näet neljä painiketta - Omaisuus, DOM, Komentosarja ja Tiedot.

Omaisuusluettelo sisältää kaikki sivun kuvat. Napauta linkkiä nähdäksesi esikatselun ja tallentaaksesi kuvan.

DOM- painike näyttää puumallin, jossa on HTML-, XML- ja SVG-asiakirjojen hierarkkinen rakenne. Napauta mitä tahansa elementtiä laajentaaksesi sitä.

Script- painikkeen avulla voit kirjoittaa ja pistää Javascriptiä millä tahansa sivulla (paikallisesti). Tietopaneeli näyttää sivua koskevat tiedot.

Srcfari

Srcfari (0, 99 dollaria) on vaihtoehto View Source -sovellukselle. Vaikka sovellus näyttää lähdekoodin ja sivulla käynnissä olevat resurssit, kuten kuvat, CSS-tyylitaulukot ja skriptit, sinun on tehtävä se itse sovelluksesta. Srcfarille ei ole Safari-laajennusta.

Srcfarin käyttäminen ei kuitenkaan ole ollenkaan huono kokemus. Sovelluksella on mukava typografia, ja se tekee paljon paremman työn hajottamalla omaisuutta skriptien, CSS: n ja kuvien perusteella kuin Näytä lähde -sovellus. Yksi ripaus, joka minulla on Srcfarin kanssa, on, että se mahdollisti tekstin käärettämisen CSS-tyylitaulukoille, mutta ei silloin, kun tarkastelet koko lähdettä (mitä View Source -sovellus tekee). Tämä tarkoittaa, että mukana on melko paljon panorointia ja zoomausta, ainakin iPhonessa.

Muu kuin Srcfari on tavallinen tapaus. Voit kopioida lähdekoodin leikepöydälle tai lähettää sen jollekin. Voit tallentaa kuvia myös sovelluksella.

johtopäätös

Safari on todennäköisesti jo valittu selaimesi iOS: ssä (lähinnä siksi, että iOS ei anna sinun valita Chromen oletusasetukseksi). Jos joudut tarkastelemaan lähdekoodia melko usein, 0, 99 dollaria Näytä lähde -sovellus ja sen Safari-laajennus ovat hintansa arvoisia.

Käytätkö yleensä iPhonesi tai iPadisi verkkosivustojen vianmääritykseen? Tai nähdä, mikä heillä on vialla? Kerro meille alla olevissa kommenteissa.