javascript - iOS Safari - 禁用捏合缩放选项

Question

我遇到缩放问题。我想阻止在 Mobile Safari 中对 HTML 元素进行捏合缩放。我使用脚本来防止浏览器的默认行为，并且它对于正常的捏合工作正常，但是当我开始用一根手指滚动然后添加第二个手指并捏合时，Safari 仍然会缩放页面...

有人知道如何阻止这种缩放吗？

我正在使用 Canvas 创建手机游戏，并使用 HTML 作为消息窗口，因此请不要写下出于可访问性原因阻止缩放是一个坏主意。

防止缩放的代码:

document.addEventListener("touchmove", function(event) {
  event = event.originalEvent || event;

  if(event.touches.length > 1 || event.scale > 1) {
    event.preventDefault();
  }
}, false);

更新:

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

此元标记不起作用，因为 Apple 从 iOS 10 起出于可访问性原因在 Mobile Safari 中禁用了它

Answer 1

你能测试一下吗？

document.documentElement.addEventListener('touchmove', function (event) {
    event.preventDefault();
}, false);