使用 Apple 元标记将 Web 应用程序变成半本地应用程序

Question

我在我的 <head> 标签中添加了以下内容：

<meta name="viewport" content="width=device-width; initial-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="images/icons/appicon.png">
<link rel="apple-touch-startup-image" href="images/loading.png">

我的目标是给用户：

the ability to turn a site into what's looks like a native app, which launches without any browser chrome. [link]

因此，在 iOS 上使用 Safari 或任何浏览器时，当用户在打开 我的网络应用程序 主页时单击 Add to Home Screen 时，会出现一个图标添加到主屏幕。当你点击它时，一个半原生应用程序会完美启动。

问题？ 从半本地应用程序，如果我导航到另一个页面（即单击任何 link 重定向到同一站点中的另一个页面)，此 link 在浏览器上加载（打开一个单独的 Safari 会话），而不是在同一个半本机应用程序中。

所以，

这正常吗？ 转换为半原生应用是否仅支持单页网站？
如果不正常，我做错了什么？

Answer 1

iOS 将 Web 应用程序中的链接视为应在 Safari 中打开的内容。有关如何解决此问题的更多信息：iPhone Safari Web App opens links in new window

使用 Apple 元标记将 Web 应用程序变成半本地应用程序

Turning a Web App into a Semi-Native App using Apple meta tags

html

ios

safari

meta-tags