Har du nogensinde ønsket at se kilden til en webside fra en iPad eller iPhone? Desværre inkluderer mobil Safari ikke funktionen alene og har endnu ikke et mobilt webinspektørværktøj indbygget, men ved hjælp af en brugerdefineret bookmarklet kan du se kilden til enhver webside direkte i iOS og iPadOS.

Denne artikel viser dig, hvordan du kan konfigurere, så du kan se kilde i Safari til iPad og iPhone ved at bruge et bookmarklet og javascript-trick.

Sådan får du vist kilde i Safari til iPad og iPhone

1. Åbn Safari, hvis du ikke allerede har gjort det
2. Bogmærk denne webside (eller enhver anden) med Safari på en iPad, iPhone eller iPod touch, og navngiv bogmærket som "Se kilde"
3. Klik her for at se bogmærkets javascript, og vælg derefter Vælg alle -> Kopier
4. Tryk på bogmærkeikonet på Safaris nye browserskærm, og tryk på "Rediger", og tryk derefter på det bogmærke, du gemte i trin 2
5. Indsæt den javascript-kode, du kopierede i trin 3, i URL-linjen, og gem derefter ændringerne til bogmærket ved at trykke på "Udført"
6. Når du nu vil se en websidekilde på iPad eller iPhone, skal du åbne menuen Bogmærker og vælge "Vis kilde"
7. Kildekoden vises i fremhævet syntaks med klikbare kilde-URL'er

En vigtig ting at bemærke er, at det javascript, der bruges her, sender den side, du ser kilde til, over til michelsen.dk-serveren til behandling. Hvis du ikke er tryg ved det, er der andre løsninger derude, men de fremhæver ikke syntaksen og er ikke nær så elegante generelt.

Du kan f.eks. bruge Javascriptet nedenfor som et bogmærke til også at se kilde, som ikke behandles via en ekstern server, men den bruger ikke syntaksfremhævning:

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

Et lignende tip bruger et redigeret bogmærke til at lade dig køre Firebug med Mobile Safari på en iPhone eller iPad, hvilket kan være en smule mere nyttigt for nogle webudviklere.

Dette fantastiske tip kommer fra Michelsen.dk. Fundet via Twitter, kan du også følge os der

Hvem ved, måske vil Safari i iOS og iPadOS en dag få en indbygget evne til at se kilden? Indtil da er du nødt til at stole på denne fest-apps eller værktøjer som denne.

Dette fungerede fint i test, men nogle brugere rapporterer om forskellige resultater på forskellige senere versioner af Safari og iOS. Fortæl os i kommentarerne nedenfor, hvad der virker for dig, og hvilken iOS-version og iPad eller iPhone du bruger.