I am writing an HTML5 mobile application and use PhoneGap to push it to the iPad. The app is similar to the Twitter app for iPad, as it contains a list of items, allows users to click on those items and potentially download an external link in the app. Facebook also does this with its apps.
Writing an application that loads external content in an HTML5 application has been a terrible experience until this point. I can reset the iframe on the page, but this does not support scrolling the iPad out of the box. I did some hacking stuff to connect iscroll4 to an iframe, but this is wildly inconsistent. Scripts can jump into the iframe and try to break out. Security errors are thrown. You must change the source of PhoneGap to allow external requests from the iframe. I cannot make any assumptions about the meta viewport because the source is external. The list goes on ...
I can fix a lot with the help of individual hackers and dark magic, but all this time I felt that there simply had to be a better way. Is there a component that works around all this? I felt like a native browser shell inside JavaScript would fix many of these issues, but I can't find anything like that - that’s all the rest with buttons
Note. I just opened browser plugins with a phone - I guess this will be a popular choice :-)
source share