2011-12-23 98 views
3

我正在编写HTML5移动应用程序,并使用PhoneGap将它推送到iPad。该应用程序类似于iPad的Twitter应用程序,因为它列出了一堆项目,让用户点击这些项目,并可能在应用程序中加载外部链接。 Facebook也会在他们的应用程序中做到这一点。在HTML5应用程序中使用IFRAME

编写一个在HTML5应用程序中加载外部内容的应用程序已被证明是非常糟糕的体验。我可以在页面上转储一个IFRAME,但不支持在iPad上滚动。我做了一些hacky的事情来将iscroll4连接到iframe,但它是非常不一致的。脚本可以跳转iframe并尝试跳出。引发安全错误。您必须修改PhoneGap源以允许来自iframe的外部请求。我无法对元视口做任何假设,因为源是外部的。名单继续...

我可以修复很多这些东西与个人黑客工作环境和黑暗魔法,但是这一整段时间,我觉得那里只是有一个更好的方式。有没有一个组件可以解决所有这些问题?我觉得像JavaScript的浏览器本地包装将解决很多这些问题,但似乎无法找到任何类似的东西 - 其他人正在使用什么?

注:我只是发现了手机浏览器的间隙插件 - 我猜这将是一个受欢迎的选择:-)

+0

尝试使用childbrowser phonegap插件 – kvc 2011-12-23 21:04:01

+0

我试用了ChildBrowser插件。它运作良好,我猜 - 如果我可以绑定div内的东西,并将其视为一个响应大小,位置和样式的普通元素,将会很好。 – 2011-12-26 08:10:45

+0

仍有点困惑与你正在努力完成。谨慎地详细阐述一下?看看[小提琴](http://jsfiddle.net/monkmartinez/NNaBv/)有什么相似之处? – Martinez 2011-12-31 05:37:35

回答

1

KVC主要是对上。答案是使用ChildBrowser phonegap插件,但只需进行一些修改即可获得我需要的内容。

+0

我现在遇到同样的问题(想要浏览器视图,同时仍然可以访问主应用程序的其他按钮)。我使用jquery mobile和phonegap。你能指定这些修改是为了使它最终工作吗? – gabsen 2013-02-07 01:43:58

相关问题