是否可以使用Chrome開發人員工具審覈多個頁面？

Question

我試圖在我的網站上找到未使用的CSS類，然後我發現Chrome開發人員工具中有一個審計功能可以標記未使用的CSS類。但是，它一次只能做一頁。有沒有辦法讓它審計多個頁面，以便我可以找出所有頁面中都沒有使用的CSS類？

我知道有一個Firefox插件Dust-Me可以完成這項工作。我只是想問我是否可以單獨使用Chrome，因爲我更熟悉Chrome開發人員工具。

Answer 1

DevTools只針對當前打開的頁面運行，所以我的直覺是，不。

您可以安裝Lighthouse CLI（它使用相同的後端來查找未使用的CSS作爲DevTools），然後通過Bash腳本對URL列表運行Lighthouse。

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