Uanset om du er en webdesigner, der fejlretter dit websteds kildekode eller bare er nysgerrig efter, hvordan et websteds kode ser ud, kan du se HTML-kilden direkte i Google Chrome. Der er to måder at se HTML-kilden på: Se kilde og Inspicer ved hjælp af udviklerværktøjer.
Vis kilde ved hjælp af Vis sidekilde
Tænd Chrome, og hop til den webside, hvor 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ændig udvidet og uformateret.
Hvis du leder efter et bestemt element eller en del i HTML-kilden, er det trættende og besværlige at bruge View Source, især hvis siden bruger meget JavaScript og CSS.
Undersøg kilden ved hjælp af udviklerværktøjer
Denne metode bruger ruden Udviklerværktøjer i Chrome og er en meget renere tilgang til at se kildekoden. HTML er nemmere at læse her takket være den ekstra formatering og muligheden for at skjule elementer, du ikke er interesseret i at se.
Åbn Chrome og gå til den side, du vil inspicere; tryk derefter på Ctrl + Shift + i. En forankret rude åbnes ved siden af den webside, du får vist.
Klik på den lille grå pil ved siden af et element for at udvide det endnu mere.
Hvis du ikke ønsker at se hele sidens kode som standard, men i stedet inspicere et bestemt element i HTML-koden, skal du højreklikke på det mellemrum på siden og derefter klikke på “Inspicer”.
Når ruden åbnes denne gang, går den direkte til den del af koden, der indeholder det element, du klikkede på.
Hvis du vil ændre dock-positionen, kan du flytte den til bunden, venstre, højre eller endda frigøre den i et separat vindue. Klik på menuikonet (tre prikker), og vælg derefter enten frigøre til et separat vindue, forankre til venstre, forankre til bunden eller forankre til højre.
Det er alt, hvad der skal til. Når du er færdig med at kigge 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.