Hur man visar webbsidans källkod på iPhone och iPad

Även om iOS-appar inte riktigt är det utvecklingsmaskiner ändå hittar du vanligtvis en iPhone eller en iPad i en webbdesigners/utvecklares verktygslåda. Även om du är en utvecklare/utgivare eller bara någon som vill se källkoden för en sida eller se alla tillgångar som distribueras på den, gör du det vanligtvis från datorn.

Nu har iOS 8 gjort det mycket lättare att se källa, tillgångar och DOM-resurser för en sida. Och tack vare fantastiska tredjepartsappar med tilläggsstöd kan du göra det direkt i Safari (Chrome stöds inte eftersom tillägg kan komma åt DOM endast i Safari).

Låt oss prata om de två apparna som hjälper dig att visa och spara källkod för vilken webbplats som helst när du är på resande fot.

Visa källtillägg för Safari

Visa källa ($0,99) är en enkel och kraftfull app med en Safari-tillägg. Det kostar $0,99, men kommer med många funktioner.

När appen är installerad, gå till Safari, tryck på Dela med sig knappen, svep åt höger på den nedre raden och tryck Mer. Växla härifrån Visa källa. Detta kommer att aktivera tillägget.

Mer om iOS 8-tillägg: iOS 8-tillägg håller snabbt på att bli en kraftfullt verktyg. Ta en titt på hur de fungerar, den bästa delningstillägg, och hur ett tillägg kan hjälpa dig att förvandla Safari till en fullfjädrad nedladdare.

Gå nu till sidan, tryck på Dela med sig knappen och välj Visa källa. Du kommer att se sidans källkod i all ära. Tryck på Dela med sig knappen för att ta fram det inbyggda delningsarket. Härifrån kan du skicka koden till en anteckningsapp eller mejla den.

Nedan ser du fyra knappar – Tillgångar, DOM, Skript och Info.

Tillgångar listar alla bilder på sidan. Du kan trycka på en länk för att se en förhandsgranskning och spara bilden.

De DOM knappen visar en trädmodell med en hierarkisk struktur för HTML-, XML- och SVG-dokumenten. Du kan trycka på vilket element som helst för att expandera det.

De Manus knappen låter dig skriva och injicera Javascript på vilken sida som helst (lokalt). De Info panelen visar information om sidan.

Srcfari

Srcfari ($0,99) är ett alternativ till Visa källa. Medan appen visar dig källkoden och tillgångar som bilder, CSS-formatmallar och skript som körs på sidan, måste du göra det från själva appen. Det finns ingen Safari-förlängning för Srcfari.

Som sagt, att använda Srcfari är inte alls en dålig upplevelse. Appen har bra typografi och den gör ett mycket bättre jobb med att dela upp tillgångar efter skript, CSS och bilder än View Source-appen. Ett klagomål jag har med Srcfari är att det aktiverade textomslutning för CSS-formatmallar men inte när du tittar på hela källan (vilket View Source-appen gör). Detta innebär att det kommer att vara en hel del panorering och zoomning involverad, åtminstone på iPhone.

Annat än det är Srcfari den vanliga affären. Du kan kopiera källkoden till ditt urklipp eller mejla den till någon. Du kan också spara bilder med appen.

Slutsats

Safari är förmodligen redan din favoritwebbläsare på iOS (mest för att iOS inte låter dig välja Chrome som standard). Om du behöver se källkoden ganska ofta, kommer appen Visa källa på $0,99 med dess Safari-tillägg att vara värt priset.

Använder du vanligtvis din iPhone eller iPad för att felsöka webbplatser? Eller för att se vad som är fel på dem? Låt oss veta i kommentarerna nedan.