Så här visar du HTML-källkoder på webbsidan på iPad / iPhone. Ingen app krävs.

Är du nyfiken och vill titta 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 kan se HTML-källkoder från ALLA webbsidor 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 stegen 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 bäst av allt, ingen app krävs!

Så här visar du 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 också för Chrome
  2. Välj Dela-knappen (även känd som Action-knappen):

  3. Tryck på bokmärke :

  4. Välj namnfältet och tryck på X-ikonen för att rensa det och namnge det "Visa sidkälla" och tryck sedan på "Spara".

  5. Besök nu den här sidan och välj alla och kopiera javascriptkoden: ( kodkredit: Rob Flaherty )

  6. Bekräfta att koden du kopierar från Robs webbplats ser ut som den här (men kopiera från denna sida INTE nedan):
    1. javascript: (funktion () {var a = windows.open ('om: tomt'). dokument; a.write ('Källa till' + plats.href + ''); 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. Klicka på bokmärkesikonen och tryck på Redigera :

  8. Välj bokmärket "Visa sidkälla" som du just skapade i steg 4:

  9. Klicka på Adressfältet och tryck på X-ikonen för att rensa det och klistra sedan in javascript-koden du kopierade i steg # 5; tryck sedan på Klar

Det är allt! Nu kan du använda gå till valfri webbsida med mobil Safari (och Chrome) på din iDevice (iPhone, iPod eller iPad), knacka på bokmärkesikonen och knacka sedan på bokmärket Visa sidkälla och ett nytt fönster öppnas med källkoden för webbsida. Fantastiskt och enkelt!

Slutresultat för att se HTML-källkoder

Och naturligtvis 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, vilket Javascript som helst. Vissa av dessa appar erbjuder till och med en Safari-förlängning för iOS-enheter och inkluderar inbyggd syntaxmarkering och sökfunktioner!

Med dessa appar är visning av källkod en smidig, stegvis process. Ange bara en URL och se omedelbart källkoden bakom den. Eller använd appens Safari-förlängning och bläddra på webben som du vanligtvis skulle göra. När du vill se källan för din nuvarande sida, behöver du bara knacka på ikonen Handling och välja Visa källa. Det är enkelt att kopiera texten till din kartong för användning i andra appar eller till och med skicka den som e-post.