Sådan får du vist HTML-kilden i Google Chrome

Uanset om du er en webdesigner, der debugger dit websteds kildekode eller bare er nysgerrig efter, hvordan et websides kode ser ud, kan du se HTML-kilden lige i Google Chrome. Der er to måder at få vist HTML-kilden: Vis kilde og inspicér ved hjælp af udviklerværktøjer.

Vis kilde ved hjælp af Vis sidekilde

Start Chrome og spring til den webside, du vil se HTML-kildekoden. Højreklik på siden og klik på "Vis sidekilde", eller tryk på Ctrl + U for at se sidens kilde i en ny fane.

En ny fane åbnes sammen med al HTML til websiden, fuldstændigt udvidet og uformateret.

Hvis du leder efter et bestemt element eller en del i HTML-kilden, er det kedeligt og besværligt at bruge View Source, især hvis siden bruger meget JavaScript og CSS.

Undersøg kilde ved hjælp af udviklerværktøjer

Denne metode bruger ruden Developer Tools i Chrome og er en meget renere tilgang til at se kildekoden. HTML er lettere at læse her takket være den ekstra formatering og evnen til at skjule elementer, som du ikke er interesseret i at se.

Åbn Chrome og gå til den side, du vil inspicere; tryk derefter på Ctrl + Skift + i. En forankret rude åbnes ved siden af ​​den webside, du ser.

Klik på den lille grå pil ud for et element for at udvide det yderligere.

Hvis du ikke ønsker at se hele sidens kode som standard, men i stedet inspicere et specifikt element i HTML-en, skal du højreklikke på det mellemrum på siden og derefter klikke på "Undersøg."

Når ruden åbnes denne gang, går den direkte til den del af koden, der indeholder det element, du har klikket på.

Hvis du vil ændre dockpositionen, kan du flytte den til bunden, til venstre, til højre eller endda frakoble den i et separat vindue. Klik på menuikonet (tre prikker), og vælg derefter enten frakoble i et separat vindue, dock til venstre, dock til bunden eller dock til højre.

Det er alt der er ved det. Når du er færdig med at se på koden, skal du enten lukke fanen Vis kilde eller klikke på 'X' i ruden Udviklerværktøjer for at vende tilbage til din webside.