跨浏览器兼容性 Web 应用程序错误捕获？

Question

我开发了一个复杂的 UI 界面，并在 Firefox 上成功运行。它使用 jQuery 1.8.+ 和 CSS2。

现在我需要它与最新版本的 Chrome 和 IE 兼容。是否有任何解决方案可以帮助跟踪 what 在其他浏览器中的应用程序有问题？我不是在问它在另一个浏览器上的 外观 （我知道有很多网站可以提供帮助），而是它如何工作 以及为什么事情 don 't 在其他浏览器上工作。基本上，我正在为浏览器上的任何代码寻找最快的问题跟踪器。因为我原本有用的应用程序在 Chrome 尤其是 IE 中严重崩溃，并且有这么多插件和数千个 LOC（而且最后期限迫在眉睫）我不知道从哪里开始调试或查看问题所在。

您知道有哪些手动技术或自动工具可以在这种情况下真正有效地帮助您？如果您有任何个人技巧，请分享。我不知道从哪里开始的一个原因是，如果我在 Chrome 中使用开发者模式，它不会显示任何错误，但仍然无法正常工作。

Answer 1

可能帮助不大，但我记得 IE 中有两个奇怪的错误。如果您在某处有两个document.ready() 块，则后一个将被忽略，因此代码将无法运行。第二个与声明变量有关，在某些情况下，如果省略 'var' 前缀显然会被忽略。

此外，如果没有指定 DOCTYPE 声明，或者它之前有白色（或就此而言，任何）字符，IE 已被报告会导致错误。

Answer 2

如果您想检查应用程序的各个方面，我更喜欢使用dynaTrace。它在 IE 和 Mozilla 中运行良好。事实上，根据他的一篇博文，这是 John Resig 最喜欢的工具。

Answer 3

使用 Firefox 错误控制台。这将报告任何 JavaScript 错误，并且相同的错误会影响 Chrome，因为它们非常相似，即：Mozilla 浏览器。除了确保代码在 Firefox 中运行时没有错误之外，您对 IE 无能为力。