当FF正常时，如何调试损坏的IE 8

How to debug broken IE 8 when FF is fine

本文关键字：调试损坏 IE FF 常时何调试更新时间：2023-09-26

我花了很长时间在我们的前端添加了很多Javascript。我一直在使用FF(11.0(时这样做。我刚刚将所有更改(在我的本地沙盒上工作正常(提交到我们的开发服务器，QA 测试人员注意到在 IE 8 中查看页面时缺少整个div。

这个div用jQuery做了各种花哨的事情，允许用户展开/折叠手风琴面板，以及从扩展的手风琴中拖放图像等。

现在是晚上 10 点，在我修复这个休息时间之前，我不能上床睡觉。我尝试使用IE附带的IE Dev工具栏(可通过F12按钮访问(，希望它能捕获一些糟糕的Javascript，但nodda。萤火虫也一样。JS看起来非常好，只是IE很固执。

SO会采取什么步骤来开始弄清楚为什么IE不会显示我的jQuery-heavydiv？这真的不像一个接一个地回退更改那么简单，因为我的代码在整个 JS 页面上洒满并交织了函数和调用。提前感谢您在正确方向上的任何指示或推动。

F12 开发人员工具

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

IE 兼容检查器

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

ECMAScript Compat Charts & Polyfills

很多时候，我们会混淆哪些浏览器支持哪些功能。它有助于保持良好的兼容图表方便，以便您知道IE是否支持classList。如果您发现某些内容未在 Internet Explorer 中实现，那么是时候找到一个 polyfill 了。幸运的是，有很多。

网页调试代理

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