在全屏模式下禁用 IOS Safari 中的捏合/缩放

Question

我有一个 webgl 游戏在 iPad Safari 上运行良好，我可以使用常用的解决方案禁用系统捏合/缩放操作（例如：禁用视口缩放 iOS 10+ safari？），但在游戏切换到全屏显示document.body.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)

我有touch-action: none;,user-scalable=no在元中，passive: false并且e.preventDefault();对于所有触摸事件（touchstart、touchend、touchmove、touchcancel）

编辑：这是一个包含我尝试过的大多数内容的代码笔： https: //codepen.io/SerialF/pen/BaaRKJN

Answer 1

你在这方面有什么进展吗？我在基于角度应用程序构建的 Three.js 上遇到了类似的问题。无法弄清楚如何在 Safari 中的 ipad 上双指缩放时禁用退出全屏。我发现 Chrome 不支持 ipad 上的全屏，我尝试在 touchstart 侦听器上禁用触摸事件 e.preventDefault() 。我找不到 exitFullScreen 被调用的地方，似乎它只是内置于操作系统中并且完全独立于 DOM。

更新：不是 100% 的解决方案，但感谢 Florent 让我注意到这个解决方法。

“他们确实建议添加主屏幕的快捷方式，就像所有必需的 PWA 元标签一样（请参阅此处），这是让全屏正常工作的唯一方法”