我已经建立了我的游戏,并在itch.io上托管它。它在PC浏览器和移动Android浏览器上运行良好。
当我试图在iOS手机上启动它时,问题就出现了:游戏不会进入全屏(它应该自动进入)。我添加了一个按钮,应该切换到全屏,但它没有响应(这个按钮确实在PC和Android上工作)。
发布于 2021-04-29 21:46:16
看起来您已经遇到了iOS的Safari限制,在这种情况下,全屏API基本上不受支持,只能用于运行iOS 12或更高版本的iPad设备(MDN,犬科)。
iPhone和iPod设备上的Safari用户将无法利用真正的全屏功能,尽管您可以通过提示用户将web应用程序添加到他们的主屏幕并将特定的<meta>
标记应用到页面上,从而获得更接近的效果。你也会希望你的游戏跨越整个网页的内容。这里的最佳答案是:
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="viewport-fit=cover, user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
除了上述内容之外,还可以通过某些交互(如滚动)来降低Safari UI的可见性--在景观中完全隐藏它。有关如何巧妙地使用这一点的更多详细信息,请参见这个答案。(此前,这可以通过编程的方式完成,不过苹果公司目前正在修补这一选项。)
注意:在过去,这个功能可以通过Safari的高级设置窗格(Settings >Safari>> Fullscreen )为iPhone/iPod设备启用,但不幸的是,这种功能已经不再是这样了。
相关的,有点过时的(iOS 6)问题:https://stackoverflow.com/questions/12822739
https://gamedev.stackexchange.com/questions/191946
复制相似问题