Android

Hur du visar källkoden på webbsidan på iphone och ipad

iOS 14 Hands-On: Everything New!

iOS 14 Hands-On: Everything New!

Innehållsförteckning:

Anonim

Även om iOS-appar inte är riktigt utvecklingsmaskinerna hittar du i allmänhet en iPhone eller en iPad i en webbdesigner / utvecklarens verktygssats. Även om du är en utvecklare / utgivare eller bara någon som vill se källkoden på en sida eller visa alla tillgångar som används på den gör du det vanligtvis från datorn.

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

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

Visa källförlängning för Safari

View Source ($ 0, 99) är en enkel och kraftfull app med en Safari-förlängning. Det kostar $ 0, 99, men kommer med många funktioner.

När appen är installerad, gå till Safari, tryck på Dela- knappen, svep åt höger på den nedre raden och tryck på Mer. Härifrån växlar du Visa källa. Detta möjliggör förlängningen.

Mer om iOS 8-tillägg: iOS 8-tillägg blir snabbt ett kraftfullt verktyg. Ta en titt på hur de fungerar, de bästa delutvidgningarna och hur en tillägg kan hjälpa dig att förvandla Safari till en fullständig nedladdare.

Gå nu till sidan, klicka på Dela- knappen och välj Visa källa. Du kommer att se källkoden för sidan i all sin härlighet. Klicka på Dela- knappen för att få fram det ursprungliga aktiearket. Härifrån kan du skicka koden till en anteckningsapp eller skicka den via e-post.

Nedan ser du fyra knappar - Tillgångar, DOM, manus och information.

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

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

Skriptknappen låter dig skriva och injicera Javascript på valfri sida (lokalt). Info- panelen visar information om sidan.

Srcfari

Srcfari ($ 0, 99) är ett alternativ till View Source. Medan appen visar 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 är det inte en dålig upplevelse att använda Srcfari. Appen har trevlig typografi och den gör ett mycket bättre jobb med att dela upp tillgångar med skript, CSS och bilder än appen View Source. Ett grepp jag har med Srcfari är att det möjliggjorde textomslag 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 finnas en hel del panorering och zoomning involverad, åtminstone på iPhone.

Annat än att Srcfari är den vanliga affären. Du kan kopiera källkoden till urklippet eller skicka den till någon. Du kan också spara bilder med appen.

Slutsats

Safari är förmodligen redan din valbara webbläsare på iOS (främst för att iOS inte låter dig välja Chrome som standard). Om du behöver visa källkoden ganska ofta kommer $ Source-appen View Source med dess Safari-förlängning 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 med dem? Låt oss veta i kommentarerna nedan.