Enten du dabler i smått nettutvikling eller du bare har generell interesse av å grave deg rundt i koden for å se hvordan ting fungerer, kan det være ganger når du vil se HTML-kildekoden bak en spesifikk webside.
Det er mulig å gjøre dette fra både iOS-enhetene dine, for eksempel en iPhone eller iPad, og Mac-en. I denne opplæringen viser vi deg hvordan du kan se HTML-kildekoden til en webside på begge plattformene.
Slik ser du kildekoden til et nettsted på iPhone eller iPad
Hvis du vil se kildekoden til en webside fra din iPhone eller iPad, vil du bruke en app for å hjelpe deg. De fleste moderne apper gjør denne prosessen enkel og inkluderer nyttig syntaksutheving, slik at du bedre kan forstå hva du ser på.
Vi anbefaler å bruke HTML Viewer Q, som er en gratis nedlasting fra App Store. Når du er installert, følg disse trinnene for å se kildekoden til en webside:
1) Start HTML Viewer Q fra startskjermen.
2) Trykk på link -knappen øverst til høyre i appen:
3) Skriv inn hele URL-adressen til en webside du vil se kildekoden til, og trykk deretter på Gå -knappen (vi vil bruke Amazon for dette eksempelet).
4) Når siden lastes, trykker du på Kode -knappen øverst til venstre på appen.
Du ser nå kildekoden til websiden du valgte. Du kan trykke på hvilket som helst av tallene øverst i appen for å skifte mellom forskjellige skriftstørrelser: dvs. 9pt, 12pt, 16pt, etc., og du kan også bruke Søk-knappen for å søke etter søkeord eller syntaks du kanskje er spesifikt ser etter.
Appen lar deg også kopiere HTML-koden slik at du kan lime den inn i hvilken som helst annen app.
Slik viser du en HTML-kildekode i Safari på Mac
Hvis du bruker en Mac, trenger du virkelig ikke tredjepartsprogramvare for å se kildekoden til en webside. Du kan bruke Safari (eller hvilken som helst annen nettleser du foretrekker) for å se kildekoden i selve nettleseren.
Merk: Disse trinnene vil variere litt avhengig av nettleseren du bruker.
Del en: aktivering av utviklerverktøyene i Safari
For å se kildekoden til en webside i Safari, må du først aktivere de skjulte utviklingsverktøyene. Følg disse trinnene for å gjøre det:
1) Start Safari hvis den ikke allerede er åpen.
2) Gå til Safari → Innstillinger i menylinjen.
3) Åpne Avansert fanen i Innstillinger-vinduet.
4) Sett et hake i Vis Utvikle-menyen i menylinjen hvis det ikke allerede er merket av.
Nå som de riktige verktøyene er aktivert, er du klar til å gå videre til neste seksjon for å se en webside kildekode.
Del to: se på en webside kildekode i Safari
Følg disse trinnene for å se kildekoden til en webside etter at Utvikleverktøyene er aktivert:
1) Start Safari hvis den ikke allerede er åpen.
2) Last inn websiden du vil se kildekoden til (vi vil bruke Amazon for dette eksempelet).
3) Gå til Utvikle → Vis sidekilde i menylinjen (eller høyreklikk på siden og velg Vis sidekilde).
4) Kildekoden vises nå i et vindu nederst i Safari-appen:
Du kan bruke søkefeltet til å finne spesifikke nøkkelord eller syntaks om du ønsker det, eller du kan omstørre utviklingsvinduet på nytt ved å klikke og dra en kant akkurat som du vil gjøre en app om på nytt på din Mac.
Innpakking
Denne funksjonen gir den nysgjerrige Georges der ute muligheten til å se hva som får en webside til å krysse av, men dette er også et uvurderlig verktøy for webutviklere, nybegynnere eller erfarne, som ønsker en bedre forståelse av koden bak en webside, eller ganske enkelt vil feilsøke sitt eget nettsted.
Les også:
- Slik viser du kildekoden til en webside i Safari
- Problemer med å laste inn websider i Safari? Prøv dette…
Hvis du synes denne opplæringen var nyttig, så send oss en kommentar nedenfor!
