IE7/8 Javascript 陷阱

Question

我已经构建了一个很小的单页 Intranet 应用程序，它非常重 Javascript。 它在 Chrome 和 Firefox 中运行良好，但是一旦在 IE7/8 中加载它，界面就会变得非常缓慢。 它具有各种 jQueryUI 小部件，例如可拖动和可调整大小的窗格，一旦您开始单击和拖动，帧速率就会下降到无法使用的区域。

在我尝试理解 IE8 开发人员工具之前，我可以在我的代码中检查 IE7/8 脚本引擎中是否有任何已知的陷阱？ 我已经看到对.innerHTML()的引用非常慢，但我不知道是否还有其他我应该寻找的东西。

Answer 1

看一下

• 如何在 IE6 的 Javascript 中找到减速
• IE + JavaScript 性能建议 - 第 1 部分
• IE + JavaScript 性能建议 - 第 2 部分：JavaScript 代码效率低下
• IE + JScript 性能建议第 3 部分：JavaScript 代码效率低下
• http://www.quirksmode.org/dom/innerhtml.html

Answer 2

旧浏览器中的 Javascript 引擎通常非常慢。 只有大多数浏览器的最新版本才有更快的引擎。 FireFox4、Chrome 11 和 IE9 都非常快，而 Chrome 10 和 Firefox 3.5 之前的任何东西也很慢。 不幸的是，虽然 FF en Chrome 自动更新（接近），但 IE 用户显然有一种坚持旧版本的冲动。

也就是说，我不知道您可能会寻找任何特定的慢速功能，但我怀疑它是否会帮助您寻找它们。

如果您决定在较慢的浏览器（以及较慢的 PC）上使用不同的动画，您可能会获得更多收益。 您可以选择调整大小并拖动只有一个边框的空 div，拖动后 position 是正确位置的真实 div。 也许您可以尝试对此进行黑盒处理，因此如果浏览器速度较慢，或者即使您测量到性能不佳（可能是您的用户也在慢速硬件上使用 Chrome 11），浏览器也会自动切换到这种存根模式。