网站保存到主屏幕（ios）强制打开野生动物园

Question

我正在开发一个webapp，客户端希望能够保存到主屏幕（默认行为）但是当最终用户打开保存到主屏幕的应用程序时，它会在safari中打开，而不是在“webapp”模式下打开。

这样的一个例子是在espn的移动网站上： http://m.espn.go.com/

注意保存到主屏幕，然后访问...它会在safari中打开。

谢谢！

Answer 1

我相信网络应用程序将始终在Safari中打开，但您可以更改其打开方式的行为，以便它可能不会像在Safari中打开一样感觉。查看这些页面，了解如何使用某些特定于苹果的元标记：

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

https://code.tutsplus.com/tutorials/configuring-an-iphone-web-app-with-meta-tags--mobile-2133

Answer 2

<meta name="apple-mobile-web-app-capable" content="yes" /> 

Answer 3

IOS为我们提供了在StandAlone模式下打开应用程序的功能。 你使用Safari的HTML5规范，但记住这个用完了safari沙箱即。它将充当本机应用程序，并将在睡眠或屏幕关闭时停止javascript执行。 只需添加元标记

即可

<meta name="apple-mobile-web-app-capable" content="yes"   />

Android Chrome的最新版本中也包含此功能，并且与Chrome环境密切相关。 只需为android chrome添加此元标记。

    <meta name="mobile-web-app-capable" content="yes">