Debug CSS voor Google Chrome

Debug CSS voor chrome van Pranay Joshi

Debug CSS is een lichtgewicht extensie voor Google Chrome waarmee u de contouren van alle elementen op de pagina kunt zien. Dit is een handig hulpmiddel voor ontwikkelaars, ontwerpers en gamemakers om hen te helpen bij het debuggen van hun websites en applicaties.

Met deze extensie kunt u eenvoudig de stijlen van alle elementen op de pagina bekijken. Klik gewoon op het pictogram om het in of uit te schakelen.

Als je het eenmaal hebt geïnstalleerd, kun je het gebruiken door op de Ctrl-knop te drukken en over het element te bewegen. U ziet de naam en waarde van het element.

De naam en waarde van het element worden in een andere kleur weergegeven.

Dit is een zeer nuttige tool voor ontwikkelaars en ontwerpers om fouten op te sporen hun applicaties en websites.

Hoe te gebruiken?

Na de installatie moet u de volgende code toevoegen aan het CSS-bestand:

`

* {

outline: 1px effen rood;

}`

Je moet ervoor zorgen dat je de nieuwste versie van Chrome hebt.