我创建了一个基于网络的移动游戏并使用“添加到主屏幕”功能,允许用户将其作为应用添加到他们的iOS设备。
然而,最近它开始出现故障。它一直没有问题,但可能在iOS 8.3更新后开始表现。这是我头脑中的代码,最近没有改变,所以不应该是问题:
<meta name="viewport" content="width=590px, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
当我到达登录屏幕时,它可以正常工作,但是在横向登录后,左右突然有边距。如果我以纵向登录,则没有边距。如果我将手机从带有边距的横向旋转到纵向,它会正常显示,如果我将其向后旋转,边距会突然增加很多,如果我再次尝试旋转设备则会崩溃。
我已经采取了一些屏幕来显示问题:
在最后一次截图之后,webapp就崩溃了。它只显示webapp中的这种行为,如果我通过Safari访问游戏,我的Android应用程序(在WebView中加载网站)或桌面与模拟用户代理网站正常运行。
我尝试删除网络应用,重新启动手机并将其添加回主屏幕无效。我首先猜到这是一个缓存问题,但在Safari中正确查看网站之后应该已经解决了。
对于那些想要尝试自己的人来说,游戏是www.reincarnationgame.com