有没有办法列出网页所有可用的 css 类？

Question

我想知道是否有一种简单的方法来列出在 javascript 中的单个 html 页面中或通过 chrome 或 firefox 中的开发人员控制台加载的所有可用 css 类。

谢谢

Answer 1

有点晚了但是...

  for (let link of document.querySelectorAll("link, style")) {
    try {
      if (!link.sheet) {
        console.warn("Warning:", "Property 'sheet' is not set on element", link)
      } else
        for (let rule of link.sheet.rules) {
          console.log(rule.selectorText)
        };
    } catch (e) {
      console.warn("Warning:", e.message, ". Try set crossorigin='anonymous' on element", link)
    }
  };

或者在 Chrome DevTool 窗口 (F12) 中，找到“Elements”，然后找到“Styles”选项卡。在“过滤器”文本框的右侧有一个“.cls”选项。单击它，应该会出现“添加新类”输入。聚焦该输入并按 Ctrl + 空格键。应出现当前打开文档中所有类样式的选择列表。

它看起来像这样：