Hvordan se HTML-koden for et nettsted

Hvordan se HTML-koden for et nettsted


Den underliggende HTML-koden som brukes til å bygge et nettsted er ikke skjult, men lett tilgjengelig for alle med riktig verktøy. For eksempel nettlesere som Firefox, Chrome, Safari, Opera og Internet Explorer har flere måter du kan vise et nettsted HTML, CSS eller Javascript-kode direkte. I tillegg kan noen dedikerte Web utviklingsverktøy laste og åpne en webside fra Internett som en fil som er lagret på en lokal disk.

Vis kilde i nettleseren

Fremgangsmåten for å se et nettsted HTML-kode er i hovedsak de samme for Firefox, Chrome, Safari, Opera og Internet Explorer. Høyreklikk en del av en webside som inneholder kun tekst, og velg deretter "View Source" eller "Vis sidekilde" alternativet. Avhengig av nettleseren din setup, åpner HTML-koden i en ny fane i nettleseren eller i et eget programvinduet.

Lagre Kildekode til disk

Hvis du trenger å undersøke eller redigere et nettsted koden senere, kan du lagre siden på harddisken. Når du høyreklikker en webside i Firefox eller Safari, blir du tilbudt muligheten til å "Save Page As." Chrome og Opera har "Lagre som" alternativet. For å lagre en webside i Internet Explorer, klikk på "Tools", "Fil" og deretter "Lagre som". I tillegg til selve nettsiden, lagrer nettleseren alle bildene, CSS-filer og Javascript Siden bruker som er lagret lokalt på sin webserver.

Innebygd Browser Utviklerverktøy

Firefox, Chrome, Opera og Internet Explorer hvert gi en utviklermodus som lar deg samtidig se en gjengitt webside og dens HTML, CSS og Javascript-kode. Hvis du klikker på et element på nettet, ser sin kode i utviklerskjermpanelet. Utvikleren panel kan nås gjennom verktøyet alternativer eller konfigurasjon. Mens Safari ikke har en innfødt utvikler verktøy, kan du installere en som en forlengelse.

Web Developer Applications

Webdesign verktøy som Dreamweaver, Kompozer og Microsoft Expressions gjøre deg i stand til å åpne en online webside ved hjelp av nettadressen. Du viser HTML-kode i en kildekode-bare visning eller en delt, forhåndsvise og kilde utsikt. I tillegg kan du redigere koden og se endringene i sanntid. Den faktiske koden lagret på nettserveren er aldri endret.

Problemer som kan oppstå

Bevisst eller ubevisst, er det noen nettsteder ikke gi opp sin HTML kode enkelt. For eksempel har noen nettsteder bruker Javascript-kode, som blokkerer høyre-klikk. Du kan fortsatt se kildekoden ved å laste ned siden til disken eller ved å deaktivere Javascript i nettleseren din. Andre nettsteder bruker HTML rammer eller iframes, som hindrer deg fra å direkte tilgang til deres kilde. Firefox, Chrome, Safari og Opera oppdage rammebaserte nettsteder og automatisk gi deg en mulighet til å vise en ramme kildekode. Hvis en webside bruker en Javascript eller CSS-fil som er lagret på et annet domene, kan du se at filen kode direkte ved å kopiere nettadressen fra HTML-koden kan du få tilgang til og deretter lime den inn i adressefeltet i en ny fane i nettleseren.