css - 是否可以使用 Chrome 开发者工具审核多个页面？

Question

我试图在我的网站中找出未使用的 CSS 类，然后我发现 Chrome 开发者工具中有一个审计功能，可以标记未使用的 CSS 类。但是，它一次只处理一页。有没有办法让它审核多个页面，以便我可以找出所有页面都没有使用的 CSS 类？

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

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