Se koden på en hemsida

För att se HTML, CSS & Javascript på en sida.

Högerklicka på vilken hemsida som helst i webbläsaren och nästan längst ner i högerklicks-alternativen väljer du “inspektera” eller “granska”.

Om du vill se koden för en specifik del av sidan eller ett speciellt element, så högerklickar du på just det elementet.

⁠

Inspector på Mac

⁠

https://developer.apple.com/library/archive/documentation/NetworkingInternetWeb/Conceptual/Web_Inspector_Tutorial/EnableWebInspector/EnableWebInspector.html⁠

⁠

Du kan nu se all HTML & CSS som finns på sidan.

Du kan även “fälla ihop” olika element med pilarna till vänster för att städa upp lite visuellt för dig.

Klicka på ett HTML-element i koden för att se CSS-datan.

⁠

Om du vill kan du testa att göra “tillfälliga” ändringar i CSS eller HTML genom att dubbelklicka på ett CSS-värde eller HTML-värde och skriva in din egen text.

⁠

Du kan även “fälla ut” själva “head”-tagen och se alla script och CSS-importeringar som görs.

Tryck på “head”-pilen eller “...” för att fälla ut och visa det som finns i Head-tagen / Head-elementet

⁠

Här ser du nu all “Meta”-data.

Du ser själva titel på sidan “francisco - Just another WordPress site”.

Om man ska tillåta tex Google att “tracka” sidan med “robots” och “noindex” eller “index”.

Här ser du även CSS och Javscript som importerats från andra filer och hemsidor.

Bläddrar du ner längst ner i <head>-delen kommer du se din Google Analytics script-tag

⁠

Här ser du starten på din Google Analytics-kod som du lagt in i Head-delen av sidan.

Tryck på “Script” för att fälla ut och visa mer.

⁠

Nu ser du hela din Google Analytics-kod faktiskt ligga på hemsidan.

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.