“兼容性”面板

利用“兼容性”面板,可在网站中的一个或多个网页和 CSS 文件内或者在网站中的全部网页和 CSS 文件内,检查是否存在代码错误以及与您指定的 doctype 和 CSS 架构不兼容的代码。可以利用该面板中的结果查看每个问题的相关信息,以及转到包含该问题的代码行。也可以复制一条或多条结果,或者生成包含整个报告的网页。有关详细信息,请参阅兼容性报告

生成报告时,“兼容性”面板中包含以下各列:

  • 状态: 显示一个图标,表明包含问题的文件的类型以及该文件的状态。

  • 网页: 列出包含问题的网页以及网页的位置。

  • 行: 列出包含问题的行在“代码”视图中的编号。

  • 问题类型: 列出问题的类型:“不兼容”或“代码错误”。此列中的结果会受每个网页中的 DocType 声明或您在运行报告时选择的架构的影响。

  • 架构: 标识代码不能兼容的文档类型或 CSS 级别。

  • 问题摘要: 描述代码错误或代码与架构不兼容的原因。当您在面板中指向某一行或者在“代码”视图中指向问题的来源时,此列中的内容也会显示在屏幕提示中。

“兼容性”面板按钮

  • 若要打开“兼容性检查器”对话框,请单击“运行兼容性检查”Cc295334.46327336-4b09-413d-bc3d-a4ffcf1f1938(zh-cn,Expression.40).png

  • 若要打开包含列表中的下一个或上一个结果的网页并突出显示问题,请单击“下一个结果”Cc295334.b146ed86-14e2-474a-860f-8444e1e9ad8b(zh-cn,Expression.40).png 或“上一个结果”Cc295334.d454c864-e476-4239-9b62-50743f96f015(zh-cn,Expression.40).png。若要转到打开的网页中的下一个问题,请按 F9。

  • 单击“刷新更改的结果”Cc295334.dd667c7b-29ba-4a83-8bfc-44c3006f14b1(zh-cn,Expression.40).png 可重新检查已经检查并更改过的网页。

  • 单击“生成 HTML 报表”Cc295334.62c1dc8d-3d80-41f9-9af9-fa8c1fd2edcb(zh-cn,Expression.40).png 可生成显示兼容性结果的网页。您可以打印该网页或者在浏览器中显示该网页,然后使用该列表核对所解决的每个问题。

  • 若要对结果列表进行排序,请单击要作为排序依据的列名。若要使列表反向排序,请再次单击列名。若要将结果限制为仅显示符合所选条件的项,请单击列标题中显示的向下箭头 Cc295334.902b6cbf-85c4-4847-9f11-103ef86cd882(zh-cn,Expression.40).png,再选择用来筛选结果的条件。

    tip note提示:

    对报表结果进行筛选时,筛选列中的向下箭头 Cc295334.902b6cbf-85c4-4847-9f11-103ef86cd882(zh-cn,Expression.40).png 会呈蓝色 Cc295334.8927244e-e2c4-4254-9ca2-378ac5cbd01b(zh-cn,Expression.40).png,而不是黑色。

  • 当您右键单击某一行时,会显示一个快捷菜单,其中额外提供了下列选项:

    • 转到页: 打开包含该结果的网页并突出显示该问题。

    • 兼容性报告: 打开“兼容性检查器”对话框。

    • 选择文件夹列表中的结果文件: 在“文件夹列表”面板中找到所选网页。

    • 清除结果: 清除结果列表。

    • 刷新更改的结果: 重新检查最初指定并且已更改的网页。

    • 复制结果: 将所选的报表结果复制为一个表格。

    • ****取消筛选   ****取消选择所有的筛选条件,并将每一列的“筛选”菜单设置为“全部”。

另请参阅

任务

兼容性报告

概念

自定义筛选器
验证代码
生成网站报表
辅助功能报表
面板