Hur man visar webbsidors HTML-källkoder på iPad / iPhone. Ingen app krävs.

Är du nyfiken på webben och vill ta en titt på källkoden för någon webbplats på internet? I så fall är du inte ensam. En av de vanligaste läsarfrågorna vi ser är hur man visar HTML-källkoder från NÅGON webbsida på en iPhone (eller annan iDevice–iPad eller iPod Touch.) Lyckligtvis har vi en lösning tack vare utvecklaren Rob Flaherty! Den här artikeln beskriver de steg som krävs för att visa källkoden (HTML, CSS, JavaScript, etc.) för alla webbsidor på dina iDevices inklusive iPad, iPhone eller iPod touch. Och det bästa av allt, ingen app krävs!

• Hur man visar HTML-källkod i Safari

Hur man visar HTML-källkoder på iDevices

8 enkla steg för att se HTML-källkoder

1. Tryck på Safari (iPhone, iPod eller iPad), om den inte redan är öppen, och besök den här sidan. Den här metoden fungerar även för Chrome
2. Välj Dela-knapp (även känd som Åtgärdsknapp):
3. Knacka Bokmärke:
4. Välj den Namnfält och tryck på X-ikonen för att rensa den och namnge den "Visa sidkälla" och tryck sedan på "Spara".
5. Nu besök den här sidan och välj alla och kopiera javascript-koden: (kodkredit: Rob Flaherty)
6. Bekräfta att koden du kopierar från Robs webbplats ser likadan ut som denna (men kopiera från denna sida INTE underifrån):
   1. javascript:(function(){var a=window.open(‘about: blank’).document; a.write('');a.close();var b=a.body.appendChild (a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap'; b.appendChild (a.createTextNode (document.documentElement.innerHTML))})();
7. Tryck på Bokmärken ikonen och tryck på Redigera:
8. Välj "Visa sidkälla"-bokmärket som du just skapade i steg #4:
9. Tryck på adressfältet och tryck på X-ikonen för att rensa det, klistra sedan in javascript-koden du kopierade i steg #5; tryck sedan på Klar

Det är allt! Nu kan du använda gå till vilken webbsida som helst med mobil Safari (och Chrome) på din iDevice (iPhone, iPod eller iPad), tryck på Bokmärken ikonen tryck sedan på bokmärket Visa sidkälla, och ett nytt fönster öppnas som visar webbsidans källkod. Fantastiskt och enkelt!

Slutresultat för att se HTML-källkoder

Och självklart finns det en app för det!

Om du inte gillar tanken på att gå igenom en massa manuella steg, erbjuder App Store några appar som gör jobbet åt dig! Leta efter appar från tredje part som View Source, Source for Webpage, Source Browser och liknande appar som låter dig visa HTML-källkod. Med dessa appar får du tillgång till all din favoritwebbplats HTML-källkod, CSS, och på vissa appar, valfritt Javascript. Vissa av dessa appar erbjuder till och med ett Safari-tillägg för iOS-enheter och inkluderar inbyggd syntaxmarkering och sökfunktioner!

Med dessa appar är visning av källkod en smidig process i ett steg. Ange bara en URL och se omedelbart källkoden bakom den. Eller använd appens Safari-tillägg och surfa på webben som du brukar. Sedan, när du vill visa källan för din nuvarande sida, är allt du behöver göra att trycka på åtgärdsikonen och välja Visa källa. Det är lätt att kopiera texten till din tapeboard för användning i andra appar eller till och med skicka den som ett e-postmeddelande.