Debug CSS för Google Chrome

Debug CSS för Chrome från Pranay Joshi

Debug CSS är en lättviktig tillägg för Google Chrome som låter dig se konturerna av alla element på sidan. Detta är ett användbart verktyg för utvecklare, designers och spelutvecklare för att hjälpa dem felsöka sina webbplatser och applikationer.

Med detta tillägg kan du enkelt visa stilar för alla element på sidan. Klicka helt enkelt på ikonen för att aktivera eller inaktivera den.

När du har installerat det kan du använda det genom att trycka på Ctrl-knappen och sväva över elementet. Du kommer att se elementets namn och värde.

Elementets namn och värde visas i en annan färg.

Detta är ett mycket användbart verktyg för utvecklare och designers för att hjälpa dem felsöka sina applikationer och webbplatser.

Hur använder man det?

Efter installationen måste du lägga till följande kod i CSS-filen:

`

* {

outline: 1px solid red;

}`

Du måste se till att du har den senaste versionen av Chrome.