Slik viser du HTML-kilden til en nettside

Alle nettlesere tillater brukere å vise HTML-kildekoden til en hvilken som helst nettside de besøker. Følgende seksjoner inneholder informasjon på flere måter å vise kildekoden i hver av de store nettleserne. For å fortsette, velg en oppføring fra listen under og følg instruksjonene for den delen.

Når du ser kildekoden til en nettside, er det viktig at du husker at informasjon og kode ikke behandlet av serveren ikke vil vises. For eksempel behandler nesten alle Internett-søkemotorer informasjon på en server, og deretter viser resultatene på en nettside. Med andre ord kan du se koden som utgjør resultatsiden, men du kan ikke se søkemotorens kildekode.

Denne regelen gjelder for alle server-side skript, SSI og programmeringskode. Derfor vil funksjoner, som søkemotorer, fora, meningsmålinger, chat, etc., ikke vise kode. Kopiering av informasjonen fra kildekoden kan forårsake feil eller lede deg tilbake til siden du kopierte informasjonen til.

Microsoft Edge-brukere

For å vise kildekoden til en nettside i Microsoft Edge, følg trinnene nedenfor.

  1. Trykk Ctrl + U eller F12 på datamaskinens tastatur.
  2. Velg fanen Elements øverst i det høyre vinduet.

Eller

Eller

  1. Åpne Microsoft Edge og naviger til nettsiden du ønsker.
  2. Klikk på Mer

    ikonet øverst til høyre på skjermen.
  3. Velg Utviklerverktøy fra rullegardinmenyen som vises.
  4. Velg fanen Elements øverst i det høyre vinduet.

Tips: I Microsoft Edge gir DOM-verktøyet også interaksjon med kildekoden og CSS-innstillingene, slik at brukerne kan se hvordan endringer i koden påvirker nettsiden umiddelbart.

Microsoft Internet Explorer-brukere

Hvis du vil vise kildekoden til en webside i Microsoft Internet Explorer, følger du trinnene nedenfor.

  1. Trykk Ctrl + U eller F12 på datamaskinens tastatur.
  2. Klikk på Debugger- fanen øverst på den nye menyen.

Eller

Eller

  1. Åpne Internet Explorer og naviger til nettsiden du ønsker.
  2. Trykk på Alt- tasten for å åpne nettleserens menylinje.
  3. Velg Vis, og deretter Source fra rullegardinmenyen som vises.
  4. Klikk på Debugger- fanen øverst på den nye menyen.

Tips: Med de nyeste versjonene av Internet Explorer, åpnes DOM-verktøyet ved å trykke på F12-tasten . Dette verktøyet gir mye mer interaksjon med kildekoden og CSS-innstillingene, slik at brukerne kan se hvordan endringer i koden påvirker nettsiden umiddelbart.

Mozilla Firefox og Netscape brukere

For å vise kildekoden til en nettside i Mozilla Firefox, følg trinnene nedenfor.

  1. Trykk Ctrl + U på datamaskinens tastatur.

Eller

Eller

  1. Åpne Mozilla Firefox og navigere til nettsiden du ønsker.
  2. Trykk på Alt- tasten for å åpne nettleserens menylinje.
  3. Velg Verktøy, Webutvikler og deretter Sidekilde .

Tips: Med de nyeste versjonene av Firefox, ved å trykke på F12-tasten eller Ctrl + Shift + I, hentes det interaktive utviklerverktøyet. Dette verktøyet gir mye mer interaksjon med kildekoden og CSS-innstillingene, slik at brukerne kan se hvordan endringer i koden påvirker nettsiden umiddelbart.

Se en del av sidens kildekode

  1. Fremhev delen av en nettside som du vil se kildekoden for.
  2. Høyreklikk den uthevede delen, og klikk deretter Vis utvalgskilde .

Tips: Bruk Firebug-tillegget til å ikke bare vise kildekoden til en side, men endre og se de endringene som er tilgjengelige via nettleseren.

Google Chrome-brukere

For å se kildekoden til en nettside i Google Chrome, følg trinnene nedenfor.

  1. Trykk Ctrl + U på datamaskinens tastatur.

Eller

Eller

  1. Åpne Chrome og naviger på nettsiden du ønsker.
  2. Klikk på Tilpass og kontroller Google Chrome

    ikonet øverst til høyre i nettleservinduet.
  3. Fra rullegardinmenyen som vises, velger du Flere verktøy og deretter Utviklerverktøy .
  4. Klikk på Elements- fanen øverst i den nye delen som vises.

Tips: Med de nyeste versjonene av Chrome, bringer du på verktøyet interaktivt utvikler ved å trykke på F12-tasten eller Ctrl + Shift + I. Dette verktøyet gir mye mer interaksjon med kildekoden og CSS-innstillingene, slik at brukerne kan se hvordan endringer i koden påvirker nettsiden umiddelbart.

Apple Safari-brukere

For å vise kildekoden til en nettside i Apple Safari, følg trinnene nedenfor.

  1. Trykk på Kommando + Alternativ + U på tastaturet.

Eller

Eller

  1. Åpne Safari-nettleseren og naviger til nettsiden du ønsker.
  2. Velg Utvikle- menyen.
  3. Velg alternativet Vis sidekilde.

Opera brukere

For å vise kildekoden til en webside i Opera, følg trinnene nedenfor.

  1. Trykk Ctrl + U på tastaturet.

Eller

Eller

  1. Åpne Opera og naviger til nettsiden du ønsker.
  2. Klikk på menyknappen

    i øvre venstre hjørne av nettleservinduet.
  3. I undermenyen Developer velger du Sidekilde .

Tips: Hvis du ikke ser undermenyen Developer, velger du Flere verktøyVis utvikler-menyen . Deretter klikker du på menyknappen

en gang til. Du bør nå se undermenyen Developer under oppføring.

Tips: Med de nyeste versjonene av Opera, trykker du på snarvei kombinasjonen Ctrl + Shift + I bringer opp det interaktive utviklerverktøyet. Dette verktøyet gir mye mer interaksjon med kildekoden og CSS-innstillingene, slik at brukerne kan se hvordan endringer i koden påvirker nettsiden umiddelbart.

Android-telefon som kjører Chrome

  1. Åpne Google Chrome Internett-nettleseren på telefonen din.
  2. Åpne nettsiden hvis kildekode du vil vise.
  3. Trykk en gang i adressefeltet og flytt deretter markøren til forsiden av nettadressen.
  4. Skriv visningskilde: og trykk Enter eller Go .

Tips: For eksempel, for å vise koden for vår hjemmeside, ville du skrive inn kilde: //www.computerhope.com

Slik lukker du kildekoden eller verktøyet

Når du er ferdig med å se kildekoden på en nettside, vil du kanskje avslutte eller lukke den. Lukking av kildekoden avhenger av metoden du har brukt til å åpne den.

  • Hvis du har brukt Ctrl + U-metoden (unntatt Edge) eller høyreklikkmetoden, lukk den nye kategorien som åpnet øverst i nettleservinduet.
  • Hvis du har brukt utviklermetoden (trykke på F12 eller Ctrl + Shift + I), klikker du på

    i øvre høyre hjørne av verktøylinjen .