我试图找出网站中未使用的CSS类,然后我发现Chrome开发者工具中有一个审核功能可以标记未使用的CSS类。但是,它只能一次审核一个页面。是否有办法使其审核多个页面,以便我可以找到所有页面中未使用的CSS类?
我知道有一个Firefox插件Dust-Me可以完成此任务。我只是想知道是否可以仅使用Chrome开发者工具完成此任务,因为我更熟悉Chrome开发者工具。
我试图找出网站中未使用的CSS类,然后我发现Chrome开发者工具中有一个审核功能可以标记未使用的CSS类。但是,它只能一次审核一个页面。是否有办法使其审核多个页面,以便我可以找到所有页面中未使用的CSS类?
我知道有一个Firefox插件Dust-Me可以完成此任务。我只是想知道是否可以仅使用Chrome开发者工具完成此任务,因为我更熟悉Chrome开发者工具。
DevTools只能运行在当前打开的页面上,因此我的猜测是不能。
你可以安装Lighthouse CLI(它使用与DevTools相同的后端来查找未使用的CSS),然后通过Bash脚本对URL列表运行Lighthouse。
urls=("a.com" "b.com" "c.com")
for url in $urls; do
lighthouse $url
done
DisCoverage是一个很棒的工具,但请注意,如果您更改了文件名,它将无法找到json文件,我曾因此卡在那里30分钟。