Найти ссылки на стиль, которые не существуют

Question

Есть ли инструмент, который найдет для меня все классы CSS, на которые я ссылаюсь в моем HTML, которые на самом деле не существуют?

т. если у меня есть

Answer 1

Вы можете поместить этот JavaScript на страницу, которая может выполнить эту задачу для вас:

function forItems(a, f) {
  for (var i = 0; i < a.length; i++) f(a.item(i))
}

function classExists(className) {
  var pattern = new RegExp('\\.' + className + '\\b'), found = false

  try {
    forItems(document.styleSheets, function(ss) {
      // decompose only screen stylesheets
      if (!ss.media.length || /\b(all|screen)\b/.test(ss.media.mediaText))
        forItems(ss.cssRules, function(r) {
          // ignore rules other than style rules
          if (r.type == CSSRule.STYLE_RULE && r.selectorText.match(pattern)) {
            found = true
            throw "found"
          }
        })
    })
  } catch(e) {}


  return found
}

Answer 2

Ошибка консоли в Firefox. Хотя он выдает все ошибки CSS, так что вы должны прочитать его.

Answer 3

Это расширение Firefox делает именно то, что вы хотите.

Находит все неиспользуемые селекторы.

Answer 4

Инструмент

IntelliJ Idea также делает это.