在Cordova/Phonegap应用中禁用iOS 10中的双指缩放功能

piah890a 于 2022-11-15 发布在 iOS

关注(0)|答案(3)|浏览(192)

我有一个移动的应用程序与phonegap（ cordova ）和应用程序是活的应用程序商店，但这个新功能的iOS10测试版：
为了提高Safari中网站的辅助功能，用户现在可以双指缩放，即使网站在视窗中设置了user-scalable=no。
使应用程序可缩放，它完全打破了应用程序的设计时，缩放。
也许这是一个功能的网站在移动的（或不），但我希望能够禁用这一点的混合移动应用程序
这是viewport在index.html中的样子

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, target-densitydpi=medium-dpi, width=device-width, height=device-height" />

对于即将发布的新iOS，是否有已知的解决方案来解决这个问题？
我正在使用WkWebView和

<engine name="ios" spec="~3.9.2" />
<preference name="phonegap-version" value="cli-5.2.0" />

更新

我更新了phonegap版本6.3.0和ios平台版本4.1.1，我有同样的错误。

cordova

来源：https://stackoverflow.com/questions/38508716/disable-pinch-to-zoom-in-ios-10-in-cordova-phonegap-app

3条答案

按热度按时间

rks48beu1#

使用user-scalable=no作为以下代码：

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

赞(0）回复(0）举报 2022-11-15

uplii1fm2#

这对我很有效：

document.addEventListener('gesturestart', (event) => { event.preventDefault(); }, false);

找到答案：https://github.com/apache/cordova-ios/issues/1054

赞(0）回复(0）举报 2022-11-15

xlpyo6sf3#

以下是适用于iOS 10+的解决方案

// stop ios bounce and zoom 
document.ontouchmove = event => {
  event.preventDefault();
};

这将阻止移动事件到达根元素/浏览器

赞(0）回复(0）举报 2022-11-15

我来回答

在Cordova/Phonegap应用中禁用iOS 10中的双指缩放功能

3条答案

相关问题

热门标签

最新问答