CSS检查工具

时间:2015-08-18 06:59:22

标签: css css3

我想知道Firefox FireBUG的CSS Usage add-on是否会检查整个网站是否存在交叉使用的CSS规则和样式,还是仅检查您当前所在的页面并进行扫描?

我的意思是>如果我删除标记为"未使用"的样式它们指的是内页,这会破坏我正在处理的网站,因为它不是一个单页的网站。它是扫描所有页面还是只扫描我正在查看的当前页面?

3 个答案:

答案 0 :(得分:3)

它是如何运作的?

  • 打开要检查的网站的第一页,然后按“CSS Coverage”Firebug选项卡中的“扫描”按钮。
  • 如果是富(Ajax或DHTML)网站,请尽可能在页面中打开尽可能多的div / popup / tabs,然后再次按“扫描”。
  • 访问您网站的其他网页,然后再次按“扫描”。

从您提供的链接的关于此插件部分复制它,很明显您必须单独扫描每个页面.... ,也许你可能想在发送问题之前尝试阅读其他地方。

答案 1 :(得分:1)

即使说明以

开头
  

CSS Coverage是Firebug的扩展程序,它允许您扫描网站的多个页面,以查看您网站中实际使用的CSS规则。

分别手动扫描每个页面。所以它不是一个非常有用的扩展。

答案 2 :(得分:1)

正如 Neophyte Polyhistor Vann'Tile Ianito 所说 - Firebug的这个附加组件只扫描您当前正在查看的页面。

我找到了另一个似乎完成了我所追求的任务的工具。它被称为Dust-Me Selectors。它似乎扫描整个网站和链接到它的所有文件。

这解决了我在第一篇文章中描述的问题。我希望它能及时帮助别人。

谢谢!