Есть ли способ проверить, какие стили CSS используются или не используются на веб-странице?

Ответ 1

Установите CSS Usage add-on для Firebug и запустите его на этой странице. Он расскажет вам, какие стили используются и не используются этой страницей.

Ответ 2

Просто для полноты и потому, что в комментариях было задано это предложение, также есть инструмент аудита CSS в Chrome для этой же цели. Некоторые подробности здесь:

http://meeech.amihod.com/very-useful-find-unused-css-rules-with-google

Ответ 3

Google Chrome имеет два способа проверить неиспользуемый CSS.

1. Вкладка "Аудит": > Щелкните правой кнопкой мыши + "Проверить элемент" на странице, найдите вкладку "Аудит" и выполните аудит, убедившись, что "Проверка веб-страницы" отмечена.

Список всех неиспользуемых тегов CSS - см. изображение ниже.

Update: - - - - - - - - - - - - - - ИЛИ - - - - - - - - - - - - - -

2. Вкладка "Охват": > Щелкните правой кнопкой мыши + "Проверить элемент" на странице, найдите три точки в правом углу (обведенные по изображению) и откройте Консольный ящик (или нажмите "Esc" ), и, наконец, нажмите на три точки слева в ящике (обведенное по кругу), чтобы открыть инструмент Coverage.

Chrome запустил инструмент для просмотра неиспользуемых CSS и JS - Обновление Chrome 59 Позволяет запускать и останавливать запись (красный квадрат на изображении), чтобы обеспечить лучший охват пользователя на странице.

Показывает все используемые и неиспользуемые CSS/JS в файлах  - см. изображение ниже.

Ответ 4

Я использую CSS Dig. Он сделан для хрома, но я думаю, что это отличный инструмент!

Ответ 5

Взгляните на UnCSS. Это помогает в создании CSS файла используемого CSS.