javascript - 在 HTML5 应用程序中使用 IFRAME

标签 javascript iphone html cordova

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

在 HTML5 应用程序中编写加载外部内容的应用程序已被证明是一种糟糕的体验。我可以在页面上转储 IFRAME,但它不支持在开箱即用的 iPad 上滚动。我做了一些棘手的事情来将 iscroll4 连接到 iframe,但它非常不一致。脚本可以跳转 iframe 并尝试突破。抛出安全错误。您必须修改 PhoneGap 源以允许来自 iframe 的外部请求。我不能对元视口(viewport)做出任何假设,因为来源是外部的。 list 还在继续……

我可以通过单独的 hack work arounds 和黑魔法来解决很多这些问题,但一直以来我都觉得必须有更好的方法。是否有一个组件可以解决所有这些问题?我觉得 JavaScript 中浏览器的 native 包装器可以解决很多此类问题,但似乎找不到类似的东西 - 其他人都在使用什么?

注意:我刚刚发现了浏览器 phone-gap 插件 - 我猜这将是一个流行的选择:-)

最佳答案

kvc 基本上是正确的。答案是使用 ChildBrowser phonegap 插件,但进行一些修改以获得我所需要的。

关于javascript - 在 HTML5 应用程序中使用 IFRAME,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8620577/

相关文章:

javascript - AJV - 复杂模式的验证

iphone - 将大量数据写入 NSData 对象-iOS

javascript - onclick 事件在 iphone 上不起作用

javascript - jQuery 动画试图淡化白色边框 IN

javascript - CompositeView,其中子项可以来自多个集合

javascript - ionic : ng-show and page transition

html - 包裹在 div 中时 SVG 内部 flex 未对齐

html - JS插入元素不影响布局的div类型元素

javascript - 复制和移动脚本

iphone - 绘制后重绘 UITableViewCell