Slik viser du kildekoden til websiden på iphone og ipad

Selv om iOS-apper ikke helt er utviklingsmaskinene ennå, vil du vanligvis finne en iPhone eller en iPad i en nettdesigner / utviklerens verktøysett. Selv om du er en utvikler / utgiver eller bare er en som vil se kildekoden til en side eller se alle eiendelene som er satt ut på det, gjør du det vanligvis fra datamaskinen.

Nå har iOS 8 gjort det mye enklere å se kilde-, eiendeler- og DOM-ressurser på en side. Og takket være fantastiske tredjepartsapper med utvidelsesstøtte, kan du gjøre det riktig i Safari (Chrome støttes ikke fordi utvidelser bare får tilgang til DOM i Safari).

La oss snakke om de to appene som vil hjelpe deg med å se og lagre kildekoden for ethvert nettsted når du er på veien.

Vis kildetillegg for Safari

View Source ($ 0, 99) er en enkel og kraftig app med en Safari-utvidelse. Det koster $ 0, 99, men kommer med mange funksjoner.

Når appen er installert, gå til Safari, trykk på Del- knappen, sveip til høyre på den nederste raden og trykk på Mer. Herfra veksle View Source. Dette vil aktivere utvidelsen.

Mer om iOS 8-utvidelser: iOS 8-utvidelser blir raskt et kraftig verktøy. Ta en titt på hvordan de fungerer, de beste aksjeutvidelsene, og hvordan en utvidelse kan hjelpe deg med å gjøre Safari til et fullstendig nedlastingsprogram.

Gå nå til siden, trykk på Del- knappen og velg Vis kilde. Du vil se kildekoden til siden i all sin prakt. Trykk på Del- knappen for å få opp det originale delingsarket. Herfra kan du sende koden til en notater-app eller sende den via e-post.

Nedenfor ser du fire knapper - Assets, DOM, Script og Info.

Eiendeler viser alle bildene på siden. Du kan trykke på en lenke for å se en forhåndsvisning og for å lagre bildet.

DOM- knappen vil vise deg en tremodell med en hierarkal struktur av HTML-, XML- og SVG-dokumentene. Du kan trykke på hvilket som helst element for å utvide det.

Med Script- knappen kan du skrive og injisere Javascript på en hvilken som helst side (lokalt). Info- panelet viser informasjon om siden.

Srcfari

Srcfari ($ 0, 99) er et alternativ til View Source. Selv om appen viser kildekoden og eiendelene som bilder, CSS-stilark og skript som kjører på siden, må du gjøre det fra selve appen. Det er ingen Safari-utvidelse for Srcfari.

Når det er sagt, er det i det hele tatt ikke en dårlig opplevelse å bruke Srcfari. Appen har fin typografi og den gjør en mye bedre jobb med å bryte ned eiendeler etter skript, CSS og bilder enn View Source-appen. Et grep jeg har med Srcfari er at det muliggjorde tekstinnpakking for CSS-stilark, men ikke når du ser på hele kilden (som View Source-appen gjør). Dette betyr at det kommer til å være en god del panorering og zooming involvert, i det minste på iPhone.

Annet enn at Srcfari er den vanlige saken. Du kan kopiere kildekoden til utklippstavlen eller sende den til noen. Du kan også lagre bilder ved hjelp av appen.

Konklusjon

Safari er sannsynligvis allerede den valgte nettleseren din på iOS (mest fordi iOS ikke lar deg velge Chrome som standard). Hvis du trenger å se kildekoden ganske ofte, vil $ 0.99 View Source-appen med Safari-utvidelsen være verdt prisen.

Bruker du vanligvis iPhone eller iPad for å feilsøke nettsteder? Eller for å se hva som er galt med dem? Gi oss beskjed i kommentarene nedenfor.