iOS Safari - 禁用捏合缩放选项

Question

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

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

我正在使用画布创建手机游戏，并将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);