OGeek|极客世界-中国程序员成长平台

标题: javascript - 在 Cordova 应用程序中捏合以缩放/缩放 iframe [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-11 19:36
标题: javascript - 在 Cordova 应用程序中捏合以缩放/缩放 iframe

过去几天我一直在与这个问题作斗争,但无法深入了解它..

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

cordova View 的元数据是:

<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 设备捏合和缩放内容的标签?



Best Answer-推荐答案


您现在可能已经自己解决了这个问题,但它不起作用的原因是您的 iframe 文档独立于顶级 dom。在 iframe 中注册的触摸事件等不能冒泡越过它们所在的文档的障碍。

关于javascript - 在 Cordova 应用程序中捏合以缩放/缩放 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48232156/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/) Powered by Discuz! X3.4