Hoe broncode van webpagina op iPhone en iPad te bekijken

Hoewel iOS-apps nog niet helemaal de ontwikkelingsmachines zijn, vindt u over het algemeen een iPhone of een iPad in een toolkit voor een webontwerper / -ontwikkelaar. Hoewel, als u een ontwikkelaar / uitgever bent of gewoon iemand die de broncode van een pagina wilt bekijken of alle ingezette middelen wilt bekijken, u dit meestal vanaf de computer doet.

Nu heeft iOS 8 het veel eenvoudiger gemaakt om bronnen, middelen en DOM-bronnen van een pagina te bekijken. En dankzij geweldige apps van derden met extensie-ondersteuning, kunt u het goed doen in Safari (Chrome wordt niet ondersteund omdat extensies alleen toegang hebben tot DOM in Safari).

Laten we het hebben over de twee apps die u helpen de broncode voor elke website te bekijken en op te slaan wanneer u onderweg bent.

Bekijk de bronextensie voor Safari

View Source ($ 0, 99) is een eenvoudige en krachtige app met een Safari-extensie. Het kost $ 0, 99, maar heeft veel functies.

Nadat de app is geïnstalleerd, gaat u naar Safari, tikt u op de knop Delen, veegt u naar rechts op de onderste rij en tikt u op Meer. Vanaf hier schakelt u Bron weergeven in. Hiermee wordt de extensie ingeschakeld.

Meer over iOS 8-extensies: iOS 8-extensies worden snel een krachtig hulpmiddel. Bekijk hoe ze werken, de beste share-extensies en hoe één extensie u kan helpen van Safari een volwaardige downloader te maken.

Ga nu naar de pagina, tik op de knop Delen en kies Bron weergeven. U ziet de broncode van de pagina in al zijn glorie. Tik op de knop Delen om het native deelvenster weer te geven. Vanaf hier kunt u de code naar een notities-app verzenden of e-mailen.

Hieronder zie je vier knoppen - Activa, DOM, Script en Info.

Alle items op de pagina worden weergegeven. U kunt op een link tikken om een ​​voorbeeld te bekijken en de afbeelding op te slaan.

De DOM- knop toont u een boommodel met een hiërarchische structuur van de HTML-, XML- en SVG-documenten. U kunt op elk element tikken om het uit te vouwen.

Met de Script- knop kunt u Javascript op elke pagina (lokaal) schrijven en injecteren. Het paneel Info toont informatie over de pagina.

Srcfari

Srcfari ($ 0, 99) is een alternatief voor Bron bekijken. Hoewel de app u de broncode en elementen zoals afbeeldingen, CSS-stylesheets en scripts op de pagina laat zien, moet u dit vanuit de app zelf doen. Er is geen Safari-extensie voor Srcfari.

Dat gezegd hebbende, het gebruik van Srcfari is helemaal geen slechte ervaring. De app heeft een mooie typografie en werkt veel beter in het opsplitsen van middelen door scripts, CSS en afbeeldingen dan de View Source-app. Een probleem dat ik heb met Srcfari is dat het tekstterugloop voor CSS-stylesheets mogelijk maakte, maar niet wanneer je de hele bron bekijkt (wat de View View-app doet). Dit betekent dat er behoorlijk wat moet worden ingezoomd en ingezoomd, althans op de iPhone.

Anders dan dat is Srcfari de gebruikelijke aangelegenheid. U kunt de broncode naar uw klembord kopiëren of naar iemand e-mailen. U kunt ook afbeeldingen opslaan met de app.

Conclusie

Safari is waarschijnlijk al uw favoriete browser op iOS (vooral omdat u in Chrome niet standaard Chrome kunt selecteren). Als u de broncode vrij vaak moet bekijken, is de View Source-app van $ 0, 99 met de Safari-extensie de prijs waard.

Gebruik je meestal je iPhone of iPad om problemen met websites op te lossen? Of om te zien wat er mis is met hen? Laat het ons weten in de reacties hieronder.