Html 使用Apple meta标记将Web应用程序转变为半本地应用程序

我将以下内容添加到我的

标签中：

<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">

我的目标是为用户提供：

将一个站点转变为看起来像本地应用程序的能力 在没有任何浏览器的情况下启动

因此，使用Safari或iOS上的任何浏览器，当用户在打开我的web应用程序主页时单击“添加到主屏幕”时，主屏幕上会添加一个图标。当你点击它时，一个半本地的应用程序会完美地启动

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

所以

• 这正常吗？此转换为半本地应用程序是否仅支持一页网站
• 如果这不正常，我做错了什么

---

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