首页 > 解决方案 > 如何防止 Chrome-in-iOS 上的双击放大

问题描述

我的 webapp 在 Android 上运行良好,但在 iOS 设备 (iPad) 上运行良好。
双击按钮会导致整个页面在 iOS 上放大。

我按照这里的解决方案

var doubleTouchStartTimestamp = 0;
document.addEventListener("touchstart", function(event){
    var now = +(new Date());
    if (doubleTouchStartTimestamp + 500 > now){
        event.preventDefault();
    };
    doubleTouchStartTimestamp = now;
});

这适用于 iOS 中的 Safari 浏览器,但不适用于 iOS 上的 Chrome(Android 上的 Chrome 没有这个问题)

在iOS设备中双击按钮时,如何摆脱缩放整个页面的默认行为?
我需要在代码中解决它。
更改 iPad 的常规设置是不可接受的,因为用户可能会使用其他需要双击功能的应用程序。

谢谢


编辑:有关此问题的一些进展,请参见此处

标签: iosgoogle-chrome

解决方案


推荐阅读