如何在iOS 10 Safari上的網頁上禁用pinch2zoom？

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)

對這個答案給出了解釋 。