I have been working on updates to an existing web application to make it play nicely with the ipad. For the most part, it has amounted to a few tweaks and UI redesigns to work with the different input etc.
However, there are a few screens in particular that utilize a less than ideal bit of javascript dom manipulation etc. At this point in the game, changing that lame javascript would require a pretty extensive rewrite of several areas so it is essentially out of the question. The screens that use that javascript do not work in IOS Safari only. They work in Mac's Safari, Windows Safari, Chrome, Firefox, and IE just fine. However, on Safari for the ipad, these screens do not work. From the look of the screens when they fail, it appears as if there were a javascript error that stopped execution early on the screen. However, I see no javascript errors in the safari debug console. I see no messages, or html errors even.
So the safari debug tool in the ipad gives me nothing meaningful to have any ideas what is wrong. I typically work on a PC, but I have access to a macbook to try and solve this issue. I was hoping I could emulate the IOS environment on the mac and find ways to dig in and diagnose what that particular version of Safari is hanging up on. I can't figure out how to do that though.
I am almost to the point of falling back to manually inserting alert or console.write statements... ugh.
Any tips, or guidance to help on this issue would be EXTREMELY appreciated.
Submit an article or tip