是否有任何实用工具可以帮助我重构CSS

时间:2020-03-06 14:32:06  来源:igfitidea点击:

我正在与一些CSS一起工作,至少可以这样说。我不是设计/ CSS专家,但我至少了解CSS中的C语言。虽然VS-2008内置的CSS支持比以前的版本有了很大的改进,但仍不能完全满足我的要求。

我想知道是否有人知道一个好的程序或者实用程序,它将像ReSharper允许使用C#一样帮助我重构和清理CSS。

拥有一些不错的功能:

  • 检查CSS文件并确定提取常见样式(如字体样式,颜色等)的方法。
  • VS-2008的插件太棒了!
  • 检查标记文件,并提出一些建议,以改善当前使用的类和样式。

解决方案

Firebug是一个非常好的Firefox扩展,允许我们检查文档树中哪个DOM元素激活了哪些CSS声明。

尽管它没有提出任何改进建议,但在手动调试/简化CSS代码时提供了很大的帮助。

Web Developer扩展也是一个很大的帮助。

TopStyle很受欢迎,而且我总是推荐它。它对样式等有建议。

我使用的是Aptana,但这并不进行重构,只是标记错误并允许我们定位某些浏览器。使用一本不错的CSS书可能会有所帮助。

如果我们使用的是ASP.NET 2.0,则有ReFactor!对于ASP.NET

我喜欢Expression Web的CSS设施。但这对于最小化或者统一CSS并没有多大作用。我们必须了解CSS如何工作才能正确使用它。

Firefox的Dust-Me Selectors Firefox扩展程序可以扫描网站,并告诉我们使用了什么CSS,没有使用什么CSS。删除未使用的CSS是重构的第一步。

我经常发现,当从网站上删除某些部分时,HTML会被删除,而CSS不会。

Firefox的EditCSS很棒。

我过去曾经使用Stylizer感到很幸运。它更好,并且只花费TopStyle的1/6.

我曾经使用过WestCiv的StyleMaster,这是一个非常不错的CSS编辑器/检查器/调试器应用程序。将其与上述Firebug结合使用,我们将情不自禁地站在CSS之上。

该站点至少有助于排序和最小化规则:http://www.cleancss.com/
它并不能使我们到达想要的位置,但这是一个很好的第一步。

也许CssTidy或者CssOptimiser可以帮助清理并缩小尺寸

有一个名为HAML的Ruby gem,它附带一个名为css2sass的可执行文件。该可执行文件将CSS转换为SASS,这是CSS之上的一种元语言,可以使重构更加容易(通过更好地说明选择器之间的关系)。可能值得一看。

我尝试使用Less for .NET。