保存到主屏幕的 Safari 网页卡在独立模式下

Posted

技术标签:

【中文标题】保存到主屏幕的 Safari 网页卡在独立模式下【英文标题】:Safari web page saved to home screen stuck in standalone mode 【发布时间】:2018-12-10 21:03:01 【问题描述】:

我们一直在开发一个网络应用程序并做了一些工作以使其更具 PWA 风格,因此我们将 <meta name="apple-mobile-web-app-capable" content="yes"> 添加到了我们的 <head />

这最终带来了更大的问题,因为我们没有考虑实现我们自己的导航 UI(后退和前进等),而且一旦您退出,您就会失去登录会话。

因此,这最终对体验产生了负面影响,我们决定删除 <meta name="apple-mobile-web-app-capable" content="yes">

简单吧?

不。

即使删除了此元标记并在主屏幕上重新安装(以及在以前未安装它的不同设备上),它仍会继续以独立模式而不是在 Safari 中打开。

我已经非常努力地搜索了 Google,但也许我没有搜索到正确的术语。

有没有我遗漏的步骤?有人遇到过吗?

提前致谢!

【问题讨论】:

你有清单文件吗?您是在要求“独立”吗? 是的!我没有想到,我会看看这是否能解决问题。这可能会变得棘手,因为我认为我们希望在 android 上支持独立。不过我们可以稍后再弄清楚。 只是为了跟进,就是这样!谢谢麦克墨菲 【参考方案1】:

答案是它在我们的manifest.json 文件中。

【讨论】:

以上是关于保存到主屏幕的 Safari 网页卡在独立模式下的主要内容,如果未能解决你的问题,请参考以下文章

添加到主屏幕时,Cookie 未保存在 Safari 中

iPhone 收藏网址[添加到书签] 和 [添加到主屏幕] 显示自定义图标,而不是网页截图

ios8 safari 独立网络应用程序在单击选择时崩溃

html 移动网络应用的基本HTML5布局。这允许用户“保存到主屏幕”而没有浏览器框架,并使用全宽度网页

保存到 iPhone 主屏幕

PWA:如何以编程方式触发:“添加到主屏幕”?在 iOS Safari 上