首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >WebGL游戏不会在iOS设备上进入全屏模式

WebGL游戏不会在iOS设备上进入全屏模式
EN

Game Development用户
提问于 2021-04-29 12:55:42
回答 1查看 2.3K关注 0票数 0

我已经建立了我的游戏,并在itch.io上托管它。它在PC浏览器和移动Android浏览器上运行良好。

当我试图在iOS手机上启动它时,问题就出现了:游戏不会进入全屏(它应该自动进入)。我添加了一个按钮,应该切换到全屏,但它没有响应(这个按钮确实在PC和Android上工作)。

EN

回答 1

Game Development用户

回答已采纳

发布于 2021-04-29 21:46:16

看起来您已经遇到了iOS的Safari限制,在这种情况下,全屏API基本上不受支持,只能用于运行iOS 12或更高版本的iPad设备(MDN犬科)。

iPhone和iPod设备上的Safari用户将无法利用真正的全屏功能,尽管您可以通过提示用户将web应用程序添加到他们的主屏幕并将特定的<meta>标记应用到页面上,从而获得更接近的效果。你也会希望你的游戏跨越整个网页的内容。这里的最佳答案是:

代码语言:javascript
运行
复制
<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

票数 2
EN
页面原文内容由Game Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://gamedev.stackexchange.com/questions/191946

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档