为了账号安全,请及时绑定邮箱和手机立即绑定

如何在网站中找到未使用的图像和CSS样式?

/ 猿问

如何在网站中找到未使用的图像和CSS样式?

慕哥6287543 2019-09-19 16:49:40

有没有方法(试验和错误除外)我可以用来查找未使用的图像文件?如果网站中甚至不存在ID和类的CSS声明怎么样?

似乎可能有一种方法可以编写一个脚本来扫描网站,对其进行分析,并查看从未加载的图像和样式。


查看完整描述

3 回答

?
汪汪一只猫

您无需支付任何网络服务或搜索插件,您已经在F12的谷歌浏览器中使用此服务 (Inspector)->Audits->Remove unused CSS rules

现在,Chrome 59提供了CSS和JS代码覆盖率。请参阅https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage


查看完整回答
反对 回复 2019-09-19
?
POPMUISE

在文件级别:


使用wget积极地蜘蛛网站,然后处理http服务器日志以获取访问的文件列表,将其与站点中的文件区分开来


diff \

 <(sed some_rules httpd_log | sort -u) \

 <(ls /var/www/whatever | sort -u) \

 | grep something


查看完整回答
反对 回复 2019-09-19
?
慕慕0277861

CSS Redundancy Checker是一个在本地运行的工具,您可以传递样式表以及URL列表或HTML文件目录。以下是该工具网站上的说明:


一个简单的脚本,给定一个CSS样式表和一个列出HTML文件的URL的.txt文件,或HTML文件的目录,将迭代它们并在样式表中列出从未在HTML中调用的CSS语句。


基本上,它可以帮助您保持CSS文件的相关性和紧凑性。而且它相当准确。


查看完整回答
反对 回复 2019-09-19

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信