如何在pinch2zoom 10 Safari的网页上禁用iOS？

Question

看来：

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

…在iOS 10更新之后，已经停止了移动Safari的工作。

是否有一种方法再次禁用pinch2zoom？

请不要回答“不要这样做，过时的可访问性gyan和卷轴是如何为网络工作”，因为你不理解我的用户或我的需求，我不希望这条线成为又一个老学校的网络开发者和新一代之间的火焰战争。

我很乐意使用JavaScript在站点范围内禁用pinch2zoom。

Answer 1

对于tap事件：

document.addEventListener('touchmove', event => {
  if (event.scale !== 1) { event.preventDefault() }
}, false)

对于doubletap事件：

let lastTouchEnd = 0;
document.addEventListener('touchend', event => {
  const now = (new Date()).getTime()
  if (now - lastTouchEnd <= 300) event.preventDefault()
  lastTouchEnd = now
}, false)

对此answer给出了解释。