javascript - 移动 safari 与主屏幕 webapp

Question

我正在为 iOS 开发一个网络应用程序，我注意到在移动 safari 上运行和从主屏幕上运行之间存在一些奇怪的事情。

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

如果没有，是否有任何资源详细说明这两种模式之间的所有差异和问题？

我遇到的事情:

长轮询有点奇怪。参见 this example .

window.innerWidth 和 window.innerHeight 不一致。

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

其他内容:

我找到了 this和 this变得有趣。

This question也揭示了一些奇怪的行为。

Answer 1

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

构建一个只有 UIWebView 呈现您的 Web 应用程序的应用程序可能会更幸运。 iOS 应用程序的 View 模式定义明确且文档齐全，应用程序可以提供您将来可能需要的其他功能(例如本地通知、后台执行、自定义 URL 处理程序)。