Hvordan se HTML-koden for et nettsted

malside

Rammebaserte nettsteder viser ofte rammesettets layout i stedet for innholdet.

Bildekreditt: vetkit/iStock/Getty Images

Den underliggende HTML-koden som brukes til å bygge et nettsted er ikke skjult, men lett tilgjengelig for alle med de riktige verktøyene. Nettlesere som Firefox, Chrome, Safari, Opera og Internet Explorer har for eksempel flere måter du kan se et nettsteds HTML-, CSS- eller JavaScript-kode direkte på. I tillegg kan noen dedikerte webutviklerverktøy laste og åpne en webside fra Internett som en fil lagret på en lokal disk.

Se kilden i nettleseren

Trinnene som kreves for å se et nettsteds HTML-kode er i hovedsak de samme for Firefox, Chrome, Safari, Opera og Internet Explorer. Høyreklikk på en del av en webside som bare inneholder tekst, og velg deretter alternativet "Vis kilde" eller "Vis sidekilde". Avhengig av nettleseroppsettet ditt, åpnes HTML-koden i en ny nettleserfane eller i et eget programvindu.

Dagens video

Lagre kildekoden på disken

Hvis du trenger å undersøke eller redigere et nettsteds kode senere, kan du lagre siden på harddisken. Når du høyreklikker på en webside i Firefox eller Safari, får du muligheten til å "Lagre side som". Chrome og Opera har alternativet "Lagre som". For å lagre en webside ved hjelp av Internet Explorer, klikk "Verktøy", "Fil" og deretter "Lagre som". I tillegg til nettsiden selv, lagrer nettleseren alle bildene, CSS-filene og JavaScript siden bruker som er lagret lokalt på nettet. server.

Firefox, Chrome, Opera og Internet Explorer har hver en utviklermodus som lar deg se en gjengitt nettside og dens HTML-, CSS- og JavaScript-kode samtidig. Hvis du klikker på et element på nettet, vises koden i utviklerskjermen. Utviklerpanelet kan nås gjennom alternativene eller konfigurasjonsverktøyet. Selv om Safari ikke har et innebygd utviklerverktøy, kan du installere et som en utvidelse.

Webutviklerapplikasjoner

Nettsteddesignverktøy som Dreamweaver, Kompozer og Microsoft Expressions lar deg åpne en nettside ved å bruke URL-en. Du viser HTML-koden i en kildekodevisning eller en delt, forhåndsvisning og kildevisning. I tillegg kan du redigere koden og se endringene i sanntid. Den faktiske koden som er lagret på nettsidens server endres aldri.

Problemer du kan støte på

Med vilje eller utilsiktet gir noen nettsteder ikke opp HTML-koden sin lett. Noen nettsteder bruker for eksempel JavaScript-kode, som blokkerer høyreklikk. Du kan fortsatt se kildekoden ved å laste ned siden til disken din eller ved å deaktivere JavaScript i nettleseren din. Andre nettsteder bruker HTML-rammer eller iframes, som hindrer deg i å få direkte tilgang til kilden deres. Firefox, Chrome, Safari og Opera oppdager rammebaserte nettsteder og gir deg automatisk muligheten til å se en rammes kildekode. Hvis en nettside bruker en JavaScript- eller CSS-fil som er lagret på et annet domene, kan du se filens kode direkte ved å kopiere URL-adressen fra HTML-koden du har tilgang til og deretter lime den inn i adressefeltet til en ny nettleserfane.