css – 如何有效地清理大型网站中的样式?

前端之家收集整理的这篇文章主要介绍了css – 如何有效地清理大型网站中的样式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们的网站在过去五年中一直处于不断的发展。发生这种情况,网站的所有样式几乎都在一个大的CSS文件中。随着时间的推移,这个css文件已经增长到大约9000行 – 我确信这些样式中的一些不再被使用,而且很多样式提供了重复的功能

该网站是用PHP / Smarty编写的;有超过300个smarty模板,整个网站包含超过1000个不同的页面(读取唯一的URL)。我确定它将继续增长 – CSS文件也将继续增长。

清理此文件的最佳方式是什么?

更新:不幸的是,我放入网址的在线解析器对我来说不会有效,因为网站的75%是用户名/密码登录的后面,根据登录,有六个不同的角色,每个角色都有自己设置的页面。还有交易元素(网上商店),其中显示了(例如)信用卡付款被处理之后的页面。我怀疑任何在线工具都能处理这些。因此,如果有一个工具,它将必须在源代码树上工作。

解决方法

通过每个.tpl文件和手动搜索选择器的文件,我看不到任何其他方式。

您当然可以使用Dust-Me selectors,但是您仍然需要通过使用.tpl文件的每个页面(而不是每个网址,因为我知道其中许多将是重复的)。

听起来像个大工作!我以前一直要这样做,我做到这一点,花了我一个礼拜。

另一个工具是名为CSS Usage的Firebug插件。据我所知,它可以跨多个页面工作,但如果在网站范围内使用,可能会中断。搏一搏。

胜利!查看Unused CSS online tool.键入您的索引url到字段中,瞧,几分钟后所有使用的选择器的列表:)我知道你想要的未使用的,但是唯一的工作是找到文件中的未使用的( ctrl f)并删除它们:)

确保使用第二个选项,他们将通过电子邮件向您发送整个网页的抓取结果。可能需要半小时,但是比一个星期好多了。喝点咖啡:)

只是测试它,工作一个对待:)

猜你在找的CSS相关文章