Resurser

icon picker
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.
bild.png

Inspector på Mac

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.
bild.png
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.

bild.png

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
bild.png
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
bild.png
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.
bild.png

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

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.