2

I have a complex UI interface developed and working successfully on Firefox. It uses jQuery 1.8.+ and CSS2.

Now I need it to be compatible with the latest versions of Chrome and IE. Is there any solution that helps track what is wrong with the application in other browsers? I'm not asking for how it looks on another browser (I know there are many sites out there that help), but how it works and why things don't work on another browser. Basically I'm looking for the quickest problem tracker for any code on a browser. Because my otherwise useful application crashes significantly in Chrome and especially IE, and with so many plugins and thousands of LOC (and a deadline looming right ahead) I have no idea where to start debugging or seeing what's wrong.

Is there any manual technique or automatic tool that you know of that really helps out efficiently in this situation? If you have any personal techniques, please do share. One reason I don't know where to start is that if I use the developer mode in Chrome, it doesn't show any errors and yet doesn't work.

4

3 回答 3

3

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

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

于 2013-02-15T02:11:44.807 回答
2

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

于 2013-02-14T16:35:51.720 回答
1

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

于 2013-02-14T16:19:12.727 回答