Har du någonsin velat se källan till en webbsida från en iPad eller iPhone? Tyvärr inkluderar mobil Safari inte funktionen ensam och har ännu inte en mobil webbinspektörsverktygslåda inbyggd, men med hjälp av ett anpassat bokmärke kan du se källan till vilken webbsida som helst direkt i iOS och iPadOS.

Den här artikeln visar hur du kan ställa in så att du kan se källan i Safari för iPad och iPhone genom att använda ett bookmarklet och javascript-trick.

Hur man visar källa i Safari för iPad och iPhone

1. Öppna Safari om du inte redan har gjort det
2. Bokmärk den här webbsidan (eller någon annan) med Safari på en iPad, iPhone eller iPod touch och namnge bokmärket som "Visa källa"
3. Klicka här för att se bokmärkets javascript och välj sedan Markera alla -> Kopiera
4. Tryck på bokmärkesikonen på Safaris nya webbläsarskärm och tryck på "Redigera" och tryck sedan på bokmärket du sparade i steg 2
5. Klistra in javascript-koden du kopierade i steg 3 i URL-fältet och spara sedan ändringarna i bokmärket genom att trycka på "Klar"
6. När du nu vill visa en webbsidakälla på iPad eller iPhone öppnar du bokmärkesmenyn och väljer "Visa källa"
7. Källkoden kommer att visas i markerad syntax med klickbara källadresser

En viktig sak att notera är att javascriptet som används här skickar sidan du tittar på källan till över till michelsen.dk-servern för bearbetning. Om du inte är bekväm med det finns det andra lösningar där ute, men de kommer inte att framhäva syntaxen och är inte alls lika eleganta överlag.

Du kan till exempel använda Javascriptet nedan som ett bokmärke för att se källan som inte kommer att bearbetas via en fjärrserver, men den använder inte syntaxmarkering:

javascript:(function(){var a=window.open('about:blank').document;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))})();

Ett liknande tips använder ett redigerat bokmärke för att låta dig köra Firebug med Mobile Safari på en iPhone eller iPad också, vilket kan vara lite mer användbart för vissa webbutvecklare.

Det här grymma tipset kommer från Michelsen.dk. Hittade via Twitter, du kan följa oss där också

Vem vet, kanske en dag kommer Safari i iOS och iPadOS att få en inbyggd förmåga att visa källkod? Tills dess måste du lita på den här partens appar eller verktyg som denna.

Detta fungerade bra vid testning men vissa användare rapporterar olika resultat på olika senare versioner av Safari och iOS. Berätta för oss i kommentarerna nedan vad som fungerar för dig och vilken iOS-version och iPad eller iPhone du använder.