是否有简单的方法来解析
HTML页面以查找使用的所有字体(或使用的所有字体堆栈)？
或者类似地,是否有一个脚本解析一个页面并返回包含和使用或包含哪些CSS规则而不使用？
例子：
如果我解析index.html,我想知道使用了2个字体堆栈：font-family：Georgia,serif和font-family：Arial,sans-serif.
或者,如果我解析index.html,我想知道使用style.css的第10,12和15行.
我想某个人为此创建了一个应用程序？谁知道什么？
解决方法
感谢
some of the responses above,我整理了一个工具来列出所有独特的字体堆栈,然后根据需要使用特定的字体堆栈突出显示所有DOM元素.
这是文件;顶部有几个例子显示了使用它的不同方法：https://gist.github.com/macbookandrew/f33dbbc0aa582d0515919dc5fb95c00a
简而言之,下载并在源代码中包含该文件,或将其复制/粘贴到您的JS控制台中,然后运行console.log(styleInPage(‘fontFamily’));获取所有唯一字体堆栈的数组.
stackoverflow.com上的示例输出：
Array[3]
0: "Arial,"Helvetica Neue",Helvetica,sans-serif"
1: "BlinkMacSystemFont"
2: "Consolas,Menlo,Monaco,"Lucida Console","Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace,sans-serif"
然后要突出显示具有特定字体堆栈的所有元素,请运行highlightInPage(4)(从上面的数组传入基于0的数组键).要清除所有高光,请运行clearHighlights().
