Sådan får du vist kildekoden til websiden på iphone og ipad

Selvom iOS-apps ikke er helt udviklingsmaskinerne endnu, finder du generelt en iPhone eller en iPad i en webdesigner / udviklerens værktøjssæt. Selvom du er en udvikler / udgiver eller bare en person, der vil se kildekoden på en side eller se alle de aktiver, der er installeret på den, gør du det normalt fra computeren.

Nu har iOS 8 gjort det meget nemmere at se kilde, aktiver og DOM ressourcer på en side. Og takket være fantastiske tredjepartsapps med extensionssupport, kan du gøre det rigtigt i Safari (Chrome understøttes ikke, fordi udvidelser kun har adgang til DOM i Safari).

Lad os tale om de to apps, der hjælper dig med at se og gemme kildekode til ethvert websted, når du er på farten.

Se kildeudvidelse til Safari

View Source ($ 0, 99) er en enkel og kraftfuld app med en Safari-udvidelse. Det koster $ 0, 99, men kommer med en masse funktioner.

Når appen er installeret, skal du gå til Safari, trykke på knappen Del, stryge til højre på den nederste række og trykke på Mere. Herfra skifter visningskilde. Dette aktiverer udvidelsen.

Mere om iOS 8-udvidelser: iOS 8-udvidelser bliver hurtigt et kraftfuldt værktøj. Se på, hvordan de fungerer, de bedste aksjeudvidelser, og hvordan en udvidelse kan hjælpe dig med at forvandle Safari til en fuldt udbygget downloader.

Gå nu til siden, tryk på knappen Del, og vælg Vis kilde. Du ser sidens kildekode i al sin prakt. Tryk på knappen Del for at få vist det oprindelige delingsark. Herfra kan du sende koden til en note-app eller e-maile den.

Nedenfor ser du fire knapper - Aktiver, DOM, script og info.

Aktiver viser alle billederne på siden. Du kan trykke på et link for at se en forhåndsvisning og for at gemme billedet.

DOM- knappen viser dig en træmodel med en hierarkal struktur af HTML-, XML- og SVG-dokumenter. Du kan trykke på ethvert element for at udvide det.

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

Srcfari

Srcfari ($ 0, 99) er et alternativ til View Source. Mens appen viser dig kildekoden og aktiver som billeder, CSS-stilark og scripts, der kører på siden, skal du gøre det fra selve appen. Der er ingen Safari-udvidelse til Srcfari.

Når det er sagt, er det overhovedet ikke en dårlig oplevelse at bruge Srcfari. Appen har flot typografi, og den gør et meget bedre stykke arbejde med at nedbryde aktiver ved scripts, CSS og billeder end appen View Source. Et af de ting, jeg har med Srcfari, er, at det muliggjorde indpakning af tekst til CSS-stilark, men ikke når du ser på hele kilden (som appen Vis kilde gør). Dette betyder, at der vil være en vis mængde panorering og zoom involveret, i det mindste på iPhone.

Bortset fra at Srcfari er den sædvanlige affære. Du kan kopiere kildekoden til dit udklipsholder eller e-maile det til nogen. Du kan også gemme billeder ved hjælp af appen.

Konklusion

Safari er sandsynligvis allerede din valgte browser på iOS (mest fordi iOS ikke lader dig vælge Chrome som standard). Hvis du har brug for at se kildekoden temmelig ofte, er $ 0, 99 View Source-appen med dens Safari-udvidelse værd prisen.

Bruger du normalt din iPhone eller iPad til fejlfinding af websteder? Eller for at se, hvad der er galt med dem? Fortæl os det i kommentarerne herunder.