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

【问题标题】：Disable pinch / zoom in IOS Safari while being in fullscreen在全屏模式下禁用 IOS Safari 中的捏合/缩放
【发布时间】：2022-04-29 05:06:59
【问题描述】：

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

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

编辑：这是我尝试过的大多数东西的代码笔：https://codepen.io/SerialF/pen/BaaRKJN

【问题讨论】：

我有同样的问题，我已经搜索了几个月的解决方案
我也没有找到任何解决方案:( 没有答案on three.js forum

标签： javascript html css mobile-safari

【解决方案1】：

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

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

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

【讨论】：

不，从未找到任何解决方案。我的游戏在ios上不使用全屏，无法使用。他们确实建议添加到主屏幕的快捷方式，就像所有必需的 PWA 元标记一样（请参阅here），这是让全屏正常工作的唯一方法。