Debug CSS для Google Chrome

Отладка CSS для хрома от Pranay Joshi

Debug CSS – это облегченное расширение для Google Chrome, которое позволяет просматривать контуры всех элементов на странице. Это полезный инструмент для разработчиков, дизайнеров и создателей игр, помогающий им отлаживать свои веб-сайты и приложения.

С помощью этого расширения вы можете легко просматривать стили всех элементов на странице. Просто щелкните значок, чтобы включить или выключить его.

После того, как вы установили его, вы можете использовать его, нажав кнопку Ctrl и наведя указатель мыши на элемент. Вы увидите имя и значение элемента.

Имя элемента и значение будут показаны другим цветом.

Это очень полезный инструмент для разработчиков и дизайнеров, помогающий им отлаживать свои приложения и веб-сайты.

Как использовать?

После установки вам нужно будет добавить следующий код в файл CSS:

`

* {

контур: 1 пиксель, сплошной красный;

}`

Убедитесь, что у вас установлена последняя версия Chrome.