提问者:小点点

在全屏幕模式下,禁用IOS Safari中的缩放功能


我有一个在iPad Safari上运行良好的webgl游戏我可以用常用的解决方案禁用系统缩放操作(比如这个:禁用视口缩放iOS 10 safari?)但是我用< code > document . body . webkitrequestfullscreen(Element)把游戏切换到全屏后就什么都弄不了了。允许_键盘_输入)

我有触摸操作:none;user-scalable=no在meta中,被动:falsee.preventDefault();对于所有触摸事件(touchstart,touchend,touchmove,touchcancel)

编辑:这是我尝试过的大多数事情的代码:https://codepen.io/SerialF/pen/BaaRKJN


共1个答案

匿名用户

你在这方面有什么进展吗?我遇到了一个类似的问题,一个基于角度应用程序的three.js。不知道如何在Safari中禁用退出全屏。我发现Chrome不支持ipad上的全屏,我尝试禁用触摸事件,在触摸启动侦听器上e.preventDefault()。我找不到在哪里调用exitFullScreen,似乎它只是内置在操作系统中,完全独立于DOM。

更新:不是100%的解决方案,但感谢Florent将此解决方案带给我。

他们确实建议在主屏幕上添加一个快捷方式,就像所有必需的PWA元标签一样(见这里),这是全屏正常工作的唯一方法