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.