Har du noen gang ønsket å se kilden til en nettside fra en iPad eller iPhone? Dessverre inkluderer ikke mobil Safari funksjonen alene og har ennå ikke et mobilt webinspektørverktøy innebygd, men ved hjelp av et tilpasset bokmerke kan du se kilden til en hvilken som helst nettside rett i iOS og iPadOS.

Denne artikkelen viser deg hvordan du kan sette opp slik at du kan se kilden i Safari for iPad og iPhone ved å bruke et bokmerke- og javascript-triks.

Hvordan se kilde i Safari for iPad og iPhone

1. Åpne Safari hvis du ikke allerede har gjort det
2. Bokmerk denne nettsiden (eller en annen) med Safari på en iPad, iPhone eller iPod touch og navngi bokmerket som «Se kilde»
3. Klikk her for å se bokmerke-javascriptet og velg deretter Velg alle -> Kopier
4. Trykk på bokmerkeikonet på Safaris nye nettleserskjerm og trykk på "Rediger", og trykk deretter på bokmerket du lagret i trinn 2
5. Lim inn javascript-koden du kopierte i trinn 3 i URL-linjen, og lagre deretter endringene i bokmerket ved å trykke på «Ferdig»
6. Når du nå vil se en nettsidekilde på iPad eller iPhone, åpner du bokmerkemenyen og velger «Vis kilde»
7. Kildekoden vises i uthevet syntaks med klikkbare kildenettadresser

En viktig ting å merke seg er at javascriptet som brukes her sender siden du ser på kilden til over til michelsen.dk-serveren for behandling. Hvis du ikke er komfortabel med det, finnes det andre løsninger der ute, men de vil ikke fremheve syntaksen og er ikke på langt nær like elegante tot alt sett.

Du kan for eksempel bruke Javascriptet nedenfor som et bokmerke for å se kilden som ikke vil behandles gjennom en ekstern server, men den bruker ikke syntaksutheving:

javascript:(function(){var a=window.open('about:blank').document;a.write('Kilde til '+location. 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 tips bruker et redigert bokmerke for å la deg kjøre Firebug med Mobile Safari på en iPhone eller iPad også, noe som kan være litt mer nyttig for enkelte nettutviklere.

Dette fantastiske tipset kommer fra Michelsen.dk. Funnet via Twitter, kan du følge oss der også

Hvem vet, kanskje Safari i iOS og iPadOS en dag vil få en innebygd evne til å se kilden? Inntil da må du stole på denne festappene eller verktøy som dette.

Dette fungerte bra i testingen, men noen brukere rapporterer forskjellige resultater på forskjellige senere versjoner av Safari og iOS. Gi oss beskjed i kommentarfeltet nedenfor hva som fungerer for deg og hvilken iOS-versjon og iPad eller iPhone du bruker.