Какие-либо инструменты для определения неопределенных классов CSS / HTML?

Question

Существуют ли какие-либо инструменты, которые могут посмотреть HTML моего сайта и сказать мне, что (например) «есть элемент HTML на mysite.com/example.html, использующий класс SOMECLASS, но SOMECLASS не определен ни в одном включенные файлы CSS ".

Answer 1

Я создал фрагмент, который делает именно это: https://gist.github.com/kdzwinel/426a0f76f113643fa285

Вы можете запустить его в консоли DevTools, и пример вывода будет выглядеть так:

Answer 2

Вы можете опробовать плагин Firefox, например Dust-me-selectors

Answer 3

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

https://sourceforge.net/projects/cssscanner/

Все остальные ответы либо не сработали для меняили не понял вопроса (включая принятый ответ).Это я только что проверил сам, и он работает на удивление хорошо, хотя он не поймет каждый крайний случай.

Answer 4

Вы можете попробовать проверить с Firebug