【发布时间】:2010-02-07 09:37:33
【问题描述】:
关于查找哪些 aspx 文件使用哪些 CSS 类的方法的任何建议。现在我有一个巨大的 css 文件,为了便于维护,我想把它分解成一种更有条理的方式。
我想知道是否存在任何可以产生报告的东西,例如这个 css 类在 file1.aspx、file2.aspx 等中使用...
我想我可以编写一个小脚本来执行此操作,但如果已经编写了任何免费应用程序,那就太好了。
【问题讨论】:
关于查找哪些 aspx 文件使用哪些 CSS 类的方法的任何建议。现在我有一个巨大的 css 文件,为了便于维护,我想把它分解成一种更有条理的方式。
我想知道是否存在任何可以产生报告的东西,例如这个 css 类在 file1.aspx、file2.aspx 等中使用...
我想我可以编写一个小脚本来执行此操作,但如果已经编写了任何免费应用程序,那就太好了。
【问题讨论】:
也许这会有所帮助:
http://www.dotnetsurfers.com/Blog/2008/10/02/RemovingUnusedCSSClassesFromYourWebApplication.aspx
这家伙编写了一个小实用程序,可以解析 CSS 文件和您的应用程序文件夹,以确定哪些 css 类没有被使用。
【讨论】:
有几个 Firefox 插件可以帮助您。这些是来自 Google 的 Page Speed 和 Dust-Me Selectors。
Page Speed 将为您提供一个未在您正在分析的页面上使用的 CSS 选择器的列表,而 Dust-Me 选择器将为您提供该列表以及有关正在使用的 CSS 选择器的报告。两种报告都有其用途。
使用 Dust-Me 选择器,您还可以让它爬取整个站点并检测站点上任何未使用的选择器。
【讨论】:
我会说您应该尝试将 CSS 合并到尽可能少的文件中,以减少加载 CSS 依赖项所需的连接;这将加快初始页面加载时间。
您还应该尝试将母版页至少用于常见元素,例如加载 jQuery、CSS 等。
最后,我将使用 GREP for Windows 并将其作为工具箱项添加到 Visual Studio 中,以进行简单的文本搜索,如下所示:
【讨论】:
如果您在 Visual Studio 中打开项目,一个超级简单的解决方案可能是:
在视觉工作室中:CRTL + SHIFT + F
查找内容:“class={css 类名}”
看看这些文件类型:“*.aspx”
【讨论】: