CSS 错误和使用率报表

“CSS 报表”面板可以显示一个报表,其中列出了样式错误,使用中的样式的类型或者网页是否使用了某特定样式。生成的报表可以仅检查特定的网页或特定的样式,也可以检查整个网站。有关“CSS 报表”面板的信息,请参阅“CSS 报表”面板

tip note提示:

也可以生成一个“样式表链接”报表,在其中列出网站中所有导入或链接到外部级联样式表 (CSS) 的网页。有关详细信息,请参阅生成网站报表

生成 CSS 错误报表

  1. 执行下列操作之一:

    • 若要生成有关整个网站的报表,请打开该网站。

    • 若要仅对网站中的特定网页生成报表,请打开相应的网页,或者在“文件夹列表”面板或“网站视图”中选择它们。

    • 若要仅对一种特定的样式生成使用率报表,请在“CSS 属性”或“管理样式”面板中选择相应的样式、在 CSS 文件中选择该样式或者选择使用该样式的元素。

  2. 在“工具”菜单上,单击“CSS 报表”。

  3. 在“CSS 报表”对话框中,执行下列操作之一:

    • 若要生成有关 CSS 错误的报表,请单击“错误”选项卡。

    • 若要生成有关 CSS 使用率的报表,请单击“使用率”选项卡。

  4. 在“检查范围”之下,指定报表应该检查的网页。

  5. 在“检查内容”之下,执行下列操作之一:

    • 如果在步骤 3 中选择的是“错误”选项卡,请选择以下任一项:

      所示信息 实际操作

      未使用的样式

      列出 CSS 中已定义但网页中未使用的类、ID 和元素选择器。

      未定义的类

      列出网页中已引用但未在 CSS 中定义的类选择器。

      大小写不匹配

      列出所定义的与所引用的存在差异的类和 ID 选择器。例如,如果样式表中定义了名为“myclass”的类,而网页引用了“MyCLASS”,报表中便会列出此样式。

    • 如果在步骤 3 中选择的是“使用率”选项卡,请选择以下任一项:

      所示信息 实际操作

      类选择器

      列出正使用的类选择器、使用这些样式的网页以及样式定义的位置。

      ID 选择器

      列出正使用的 ID 选择器、使用这些样式的网页以及样式定义的位置。

      元素选择器

      列出正使用的元素选择器、使用这些样式的网页以及样式定义的位置。

  6. 单击“检查”。

    此时将打开“CSS 报表”面板,并且该面板的底部会显示报表的生成状态。

    tip note提示:

    若要停止生成报表,请在“通用”或“标准”工具栏上,单击“停止”Cc295563.2ab71409-c623-49ac-adef-eafa690e96e0(zh-cn,Expression.40).png

另请参阅

参考

“CSS 报表”面板

概念

自定义筛选器
生成级联样式表报表
生成网站报表
级联样式表参考