ios - 移动 safari 主屏幕应用程序 - 在新窗口/标签中链接

Question

,我有一个可以添加到主屏幕并查看“全屏”的移动应用程序，通过设置:

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

在我的应用程序中，我有一些指向文件(主要是图像或 PDF)的链接，例如:

<a href='@Url.Action("Download", "Attachment", new { id = a.Id } )' target="_blank" class="btn btn-sm btn-primary">

问题是，当用户点击链接时，图像(或 PDF)会正确显示，但无法导航回来!图像全屏显示，用户可以捏缩放，但无法返回(即使使用手势)。

返回的唯一方法是单击主页按钮，然后重新进入 webapp。

我也试过target="_blank"，但这似乎被忽略了。

如果我留在 Safari 上(即:我没有将应用程序添加到主屏幕)或者如果没有设置 meta name="apple-mobile-web-app-capable"content="no " 问题没有发生:图像按预期在新选项卡中打开。

问题可能与我使用 MVC 下载文件有关吗？这是移动浏览器的“错误”吗？

谢谢大家!

Answer 1

是的，这就是它的工作原理。如果您将您的网站标记为“支持 apple-mobile-web-app-capable”，那么实际上它最好支持移动网络应用程序。这是您告诉 Mobile Safari 您希望您的网站被视为 native 应用程序的方式(当然，没有 native 应用程序实际附带的所有硬件级访问)。这意味着您需要自己提供持续的导航、后退按钮等。加载 PDF 之类的内容需要在内容框架中完成，而您的应用程序的镶边仍保留在屏幕上。如果您实际上不打算构建移动网络应用程序，请不要让 Mobile Safari 那样处理它。