javascript - FF 正常时如何调试损坏的 IE 8

Question

我花了很长时间为我们的前端添加很多 Javascript。我一直在使用 FF (11.0) 时这样做。我刚刚将所有更改(在我的本地沙箱上运行良好)提交给我们的开发服务器，QA 测试人员注意到在 IE 8 中查看页面时整个 div 都丢失了。

这个 div 使用 jQuery 做各种奇特的事情，允许用户展开/折叠 Accordion 面板，以及从展开的 Accordion 中拖放图像等。

现在是晚上 10 点，我不能上床 sleep ，直到我解决这个问题。我已经尝试使用 IE 附带的 IE Dev Toolbar(并通过 F12 按钮访问)，希望它能捕捉到一些糟糕的 Javascript 但没有实现。 Firebug 也一样。 JS 看起来还不错，就是 IE 比较固执。

SO 将采取什么步骤来开始弄清楚为什么 IE 不显示我的 jQuery-heavy div？这真的不像一个一个地取消更改那么简单，因为我的代码在整个 JS 页面上散布和交织函数和调用。预先感谢您在正确方向上的任何指示或提示。

Answer 1

F12 开发者工具

如果使用得当，F12 开发人员工具通常能够在您的代码中发现奇怪的问题。您可以审核您的应用程序以查找长时间运行的进程、添加断点并在页面的整个生命周期中观察变量。

IE 兼容检查器

另一个很棒的工具是 IE Compat Inspector，它将检查您的代码并查找可能会破坏您在 Internet Explorer 中的站点的任何类型的模式或用法。您可以在 http://blogs.msdn.com/b/ie/archive/2011/04/27/ie9-compat-inspector.aspx 在线找到它对于 Internet Explorer 9，和 http://blogs.msdn.com/b/ie/archive/2012/01/20/ie10-compat-inspector.aspx适用于 Internet Explorer 10。

ECMAScript 兼容图表和 Polyfill

我们经常混淆哪些浏览器支持哪些功能。它有助于保持良好的状态 compat chart方便，所以你知道 IE 是否支持 classList。如果并且当您发现 Internet Explorer 中没有实现某些内容时，是时候寻找 polyfill 了。还好，there are many .

Web 调试代理

这些只是您可以用来在 Internet Explorer 中对您的站点进行故障排除的一些工具。最后是 Fiddler 2 (网络调试代理)，它允许您站在客户端和服务器之间，在数据双向传输时篡改数据。当我调试脚本时，我通常使用它来提供自定义文件来代替实时服务器文件。但是，如果您目前可以直接访问服务器，则没有必要这样做。