生成 CSS 错误报表或使用率报表

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

Cc295563.alert_tip(zh-cn,Expression.10).gif提示:

也可以生成一个“样式表链接”报表,在其中列出网站中所有导入或链接到外部级联样式表 (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 报表”任务窗格,并且该任务窗格的底部会显示报表的生成状态。

    Cc295563.alert_tip(zh-cn,Expression.10).gif提示:

    若要停止生成报表,请在“通用”或“常用”工具栏上,单击“停止”按钮 Cc295563.796b6328-9dfd-4cd6-9c11-60cb5af439cf(zh-cn,Expression.10).gif

另请参见

概念

“CSS 报表”任务窗格

级联样式表报表

网站报表概述