2

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

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

现在是晚上 10 点,在我解决这个休息时间之前我不能睡觉。我曾尝试使用 IE 附带的 IE 开发工具栏(可通过F12按钮访问),希望它能捕捉到一些糟糕的 Javascript,但 nodda。萤火虫也是如此。JS 看起来非常好,只是 IE 很固执。

SO将采取什么步骤来开始弄清楚为什么IE不会显示我的jQuery-heavy div?真的不是把改动一个一个的退掉那么简单,因为我的代码在整个JS页面上散布和交织了函数和调用。提前感谢您在正确方向上的任何指示或推动。

4

1 回答 1

2

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和http://blogs.msdn.com在线找到此内容/b/ie/archive/2012/01/20/ie10-compat-inspector.aspx用于 Internet Explorer 10。

ECMAScript 兼容图表和 Polyfills

我们经常混淆哪些浏览器支持哪些功能。它有助于保持良好的兼容性图表方便,因此您知道classListIE 是否支持。如果并且当您发现某些东西没有在 Internet Explorer 中实现时,是时候找到一个 polyfill。幸运的是,有很多.

Web 调试代理

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

于 2012-04-28T02:38:29.347 回答