企业IT管理员IE11升级指南【16】—— 使用Compat Inspector快速定位IE兼容性问题

不同于其他大而全的兼容性扫描工具，它的检测规则基于实践中发现总结的各种兼容性问题，因此能获得更有针对性的检测报告。为了加快网站向现代浏览器迁移的速度，在新版本Internet Explorer的开发过程中，许多Internet Explorer产品组的工程师为Compat Inspector工具编写了富有针对性的高质量测试案例。

同时Compat Inspector还能提供互动式的问题定位支持，使得开发测试人员可以快速高效地定位兼容性问题，而无需遍历文档，或是复查整个网站的代码。

值得注意的是，Compat Inspector的设计基于帮助网站向IE 9，10，11标准模式迁移——而不是为了测试网站在新版本Internet Explorer中继续以传统兼容模式运行的能力。它的测试案例基于标准模式与兼容模式的差异而建立。

启用Compat Inspector

要使用Compat Inspector，需要在待测试网页的其他所有脚本内容之前，添加下面的脚本标签

<script src="http://ie.microsoft.com/TestDrive/HTML5/CompatInspector/inspector.js"></script>

如果工作正常，Compat Inspector会在网页的右上角放置如下的状态栏。点击该状态栏可以获得相应的详细检测报告信息。

更多的时候，我们期望测试过程中能够避免对既有代码的修改。此时可以考虑采用Fiddler工具向测试页面中自动注入上面的脚本，实现与手工添加相同的效果。具体步骤如下：

1. 下载并安装Fiddler工具

2. 打开目录当前用户的Documents\Fiddler2\Scripts目录中的CustomRules.js

3.按照示例中的说明将代码添加进CustomRules.js：

…

   static function OnBeforeResponse(oSession: Session) {

          InjectInspectorScript(oSession);

  

…

                public static RulesOption("Use Compat Inspector")

       var m_UseCompatInspector: boolean = false;

       static function InjectInspectorScript(oSession: Session)

       {

              if(!m_UseCompatInspector) return;

             

              // Ensure we only inject into HTML

              if (oSession.url.EndsWith(".js")) return;

       …

4.如果添加正确，此时就可以在Fiddler中见到下列的菜单项。

勾选Use Compat Inspector并确保Fiddler处于Capturing状态。