在Cordova应用程序中捏缩放/缩放iframe

时间:2018-01-12 18:34:35

标签: javascript html ios cordova iframe

过去几天我一直在与这个问题作斗争,我无法深究这个问题。

我正在寻找一种方法将iframe嵌入到cordova应用程序(在iOS设备上运行)以显示外部网页,并允许用户缩小以缩放/缩放iframe内容,而无需缩放主应用内容以及它。

科尔多瓦观点的元是:

<meta name="viewport" content="initial-scale=1, user-scalable=yes">

我加载的iframe页面的元素是:

<meta charset="utf-8">

我用来加载内容的iframe是这样的:

<iframe src="" zooming="true" webkitallowfullscreen mozallowfullscreen allowfullscreen width="500" height="500"></iframe>

在当前状态下,iframe将显示加载到其中的网页,但它不会像我定义的那样保持500 X 500大小(它强制将iframe的大小调整为内容的大小页面)用户可以滚动页面以查看更多iframe内容,但无法放大或缩小以便用户查看更少或更多的iframe。

我在cordova索引文件或iframe本身上是否缺少一个标签,允许iOS设备捏合和缩放内容?

1 个答案:

答案 0 :(得分:0)

你现在可能已经想到了这一点,但它不起作用的原因是你的iframe文档独立于顶级dom。在iframe中注册的触摸事件等不会冒出他们所在文档的屏障。