隐藏顶部和底部状态栏界面组件

发布时间:2022-05-21 20:42

在 iOS 上,作为优化 Web 应用程序的一部分,让它使用独立模式看起来更像原生应用程序。当您使用此独立模式时,Safari 不用于显示 Web 内容 — 具体来说,屏幕顶部没有浏览器 URL 文本字段或屏幕底部的按钮栏。屏幕顶部仅显示状态栏。


将apple-mobile-web-app-capable元标记设置yes为打开独立模式。例如,以下 HTML 使用独立模式显示 Web 内容。

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

window.navigator.standalone您可以使用只读布尔 JavaScript 属性确定网页是否以独立模式显示。

if(window.navigator.standalone){
// yes
}else{
// no
}