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

Question

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

我有touch-action: none; , user-scalable=no in meta, passive: false and e.preventDefault(); 对于所有触摸事件（touchstart、touchend、touchmove、touchcancel）

编辑：这是我尝试过的大部分内容的代码笔： https://codepen.io/SerialF/pen/BaaRKJN

Answer 1

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

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

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