可以使用Chrome Developer工具审核多个页面吗？

Question

我试图在我的网站上找到未使用的CSS类，然后发现Chrome开发人员工具中有一个审核功能，该功能会标记未使用的CSS类。但是，一次只做一页。有没有一种方法可以审核多个页面，以便找出所有页面未使用的CSS类？

我知道有一个Firefox插件Dust-Me可以完成这项工作。我只是想问一问我是否可以单独使用Chrome来做到这一点，因为我对Chrome Developer工具更加熟悉。

Answer 1

DevTools 仅针对当前打开的页面运行，所以我的预感是，不会。

您可以安装Lighthouse CLI（它使用与 DevTools 相同的后端来查找未使用的 CSS），然后通过 Bash 脚本针对 URL 列表运行 Lighthouse。

urls=("a.com" "b.com" "c.com")
for url in $urls; do
  lighthouse $url
done