CSS Overview — анализ CSS на странице

Амит Мерчант написал пост про новую экспериментальную фичу Chrome Dev Tools — CSS Overview.

CSS Overview — это новая вкладка в Dev Tools. На ней отображается сводная информация по текущей странице: количество элементов, статистика использования разных видов селекторов, список всех использованных на странице цветов, шрифтов и медиа-выражений (очень полезно при поиске проблемных элементов). Есть раздел со списком неактивных CSS-деклараций и объяснениями, почему свойства не работают. Включить фичу можно в настройках Chrome Dev Tools: "Experiments" -> "CSS Overview".

CSS Overview немного глючит, но пользоваться им вполне можно.

https://www.amitmerchant.com/experimental-css-overview-feature-chrome-awesome/

← На главную