使用PWABuilder构建iOS PWA：如何移除顶部的「Done」按钮？

云原生阿岚

2026-7-8

移除iOS端PWA顶部「Done」导航栏的方法

完善manifest.json核心配置
确保你的应用清单文件包含以下关键字段，让iOS识别为独立运行的PWA：

{
  "display": "standalone",
  "start_url": "/",
  "name": "你的应用名称",
  "short_name": "应用短名称",
  "icons": [
    {
      "src": "路径/192x192图标.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "路径/512x512图标.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

其中display设为standalone是核心，它会告诉iOS以独立应用模式启动，而非内嵌在Safari容器中。

添加iOS专属meta标签
在HTML的<head>标签内插入以下代码，强制隐藏Safari导航栏：
```
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
```
第一个标签开启Web App独立运行模式，第二个标签配置状态栏样式，配合前者生效。
重新打包部署并重装应用
将修改后的文件重新上传到PWABuilder生成iOS端包，之后删除iOS设备上已安装的旧版PWA，从Safari重新添加到主屏幕，确保新配置覆盖缓存生效。