在过去的五年中,我们的网站一直处于持续发展中。碰巧的是,该网站的几乎所有样式都在一个大CSS文件中。随着时间的流逝,此css文件已增长到大约9,000行-我敢肯定,其中一些样式已不再使用,并且许多样式提供了重复的功能。
该网站使用PHP / Smarty编写;共有300多个smarty模板,整个网站包含1000多个不同的页面(读取-唯一的URL)。我确定它会继续增长- CSS文件也会保持增长。
清理此文件的最佳方法是什么?
更新 :不幸的是,我输入URL的在线解析器对我来说不起作用,因为该网站的75%落后于用户名/密码登录- 取决于登录,有六个不同的角色,每个角色都有自己的角色自己的一组页面。还有交易元素(在线商店),其中页面在(例如)信用卡付款被收取/处理后显示。我怀疑任何在线工具都能够处理其中任何一个。因此,如果有一个工具,它必须在源代码树上工作。
除了遍历每个.tpl文件并手动在文件中搜索选择器之外,我看不到其他任何方式。
您当然可以使用Dust-Me选择器,但仍然必须遍历使用.tpl文件的每个页面(不是每个url,因为我知道其中很多都是重复的)。
听起来是一项艰巨的任务!我以前必须做一次,而我确实做到了,花了我一周的时间。
另一个工具是名为CSSUsage的Firebug插件。据我阅读,它 可以 跨多个页面工作,但是如果在整个站点范围内使用都可能会中断。搏一搏。
胜利! 查看未使用的CSS在线工具。在字段中输入索引网址,瞧瞧,几分钟后,列出所有使用的选择器:)我知道您想要未使用的选择器,但是唯一的工作是在文件(ctrl +f)中找到未使用的选择器,然后删除它们:)
确保使用 第二个 选项,他们会通过电子邮件将整个网页的抓取结果发送给您。可能要花半个小时,但这比一周要好得多。喝点咖啡:)