移动野生动物园与主屏幕webapp

Question

我正在为iOS开发一个webapp,我注意到在运行移动游戏和从主屏幕运行之间有一些奇怪的事情.

是否有任何资源可以提供在模式之间切换的通用接口？

如果没有,是否有任何资源详细说明两种模式之间的所有差异和陷阱？

我遇到的事情:

长轮询有点奇怪.看这个例子.

window.innerWidth&window.innerHeight不一致.

• 移动Safari-垂直方向按预期工作,水平方向不工作
  • 垂直
    • 宽度-768
    • 身高 - 946
  • 横
    • 宽度-769 ??
    • 身高 - 518 ??
• 主屏幕上的Web应用程序 - 这些总是有意义的.
  • 垂直
    • 宽度-768
    • 身高-1004
  • 横
    • 宽度 - 1024
    • 身高 - 748

其他东西:

我发现了这个,这很有意思.

这个问题也揭示了奇怪的行为.

Answer 1

我不认为Apple公开记录了iOS中全屏web应用程序的属性,因此您发现的任何内容都可能是轶事,因此在未来的版本中不够可靠.

您可以更好地构建一个只有UIWebView呈现您的Web应用程序的应用程序.iOS应用程序的视图模式已明确定义并记录良好,应用程序可以提供将来可能需要的其他功能(例如本地通知,后台执行,自定义URL处理程序).