像webapp.to一样开发移动应用程序

Posted 2021-04-29

好吧，我知道标题看起来像将要讨论的一般问题。

但请先阅读。

有一个网站销售移动网站webapp.to，但如果我们打开/下载他们的工作/组合，如webapp.to/schoolofsurf从我们的iPhone。然后该网站将在野生动物园开放。然后我们打开的网站也会建议我们在主屏幕上显示Add to Home Screen然后图标，就像普通的应用程序一样，当我们打开它时，它通常是开放的野生动物园，然后去那个网站。

但是，实际发生的事情是应用程序看起来像是在没有野生动物园的情况下单独打开。 他们是怎么做到的？

请查看下面的截图以获得更多图解说明：

答案

有几个iphone / safari特定的html元标记，允许您在将网站添加到主屏幕时设置图标，启动画面和位置栏的可见性。你可以在这个document中阅读更多相关信息。

另一答案

您需要添加一个元标记，告诉Safari您的webapp是“应用程序功能”。看看这里https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html。

您可以使用一组“链接”标记指定主屏幕图标。看到这里https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html。