Apple在Safari HTML参考中说,下面的代码应该在iPhone OS 2.1及更高版本上全屏显示web-app.
<meta name="apple-mobile-web-app-capable" content="yes">
Run Code Online (Sandbox Code Playgroud)
但它似乎没有用.有没有办法在iPad WebApp中隐藏Safari中的标题/位置栏?
在以前的iOS版本中,<a>
标签会打开Mobile Safari,您必须截取这些标签,而不是留在webapp(用户已保存到主屏幕的HTML页面)中.
从iOS 7开始,所有链接都保留在WebApp中.当我真的想要它时,我无法弄清楚如何让它打开Safari.
我已经尝试使用window.open
和a target="_blank"
,但没有作品.
这是一个例子.https://s3.amazonaws.com/kaontest/testopen/index.html
如果您将其保存到iOS 6的主屏幕,该链接将打开Safari.但是在iOS 7中,它没有.
请注意,这是每个人通常都会问的"对话"问题("如何不打开Safari").这种行为似乎是新的默认行为,我无法弄清楚如何恢复旧的行为!
我继承了一个 React Web 应用程序,该应用程序旨在用作 Safari IOS 移动设备上的全屏应用程序。您可以通过执行以下操作使应用程序全屏显示并隐藏地址栏:
这会在主屏幕上添加一个图标,当您点击它时,它会全屏打开应用程序。但是,当您导航到网站上的另一个页面时,会出现以下工具栏:
这个工具栏不是普通的地址栏,它似乎是一个辅助工具栏。我不确定是什么导致它出现。
我看过的堆栈问题:
如何使 iPhone/iPad Web 应用程序保持全屏模式?-- 这个问题似乎是针对多页面应用程序,并且建议的链接技巧不适用于使用react-router-dom 进行跨页面导航的React SPA。
我尝试过的事情:
我的网络应用程序上有以下元标记:
<meta name="apple-mobile-web-app-capable" content="yes">