Deel 11 - Element inspecteren

Pas op: 'Element inspecteren' kan alleen in Firefox en Google Chrome. Installeer één van beide webbrowsers voor je verder gaat met deel 11 en de delen daarna.


Soms staan er onderdelen op jouw blog die je er liever niet op zou willen hebben. Zo staat er in deze blog bijvoorbeeld links boven ieder bericht het woord 'undefined'.


Ik wil dit onderdeel van de blog verwijderen, maar weet niet hoe dit onderdeel heet. Daarom klik ik met mijn rechtermuisknop op 'undefined' en klik ik op 'element inspecteren'.


Vervolgens kun je onderaan de pagina de code die bij dit onderdeel hoort zien.



Het onderdeel dat je geselecteerd hebt met 'element inspecteren' heet 'post-date-day-month-year'. Dit onderdeel staat in een div die 'date-container' heet. Als je deze div verwijdert, verdwijnt dit onderdeel van de blog.

'Element inspecteren' is bijvoorbeeld ook handig als je de hoogte of de breedte van een onderdeel wilt aanpassen. Dankzij 'element inspecteren' kun je zien hoe het onderdeel heet en waar dit onderdeel in de code te vinden is. Ook handig is dat je in de 'element inspecteren'-code onderaan de pagina aanpassingen in de code kunt maken. Je kunt vervolgens meteen zien wat deze aanpassingen voor effect hebben. De aanpassingen worden in het 'element inspecteren'-deel nooit opgeslagen en moeten dus altijd nog een keer in de echte code doorgevoerd worden. Toch is dit een goede manier om aanpassingen te testen.

0 reacties:

Een reactie posten