时间戳

首页 > 解决方案 > 尽管 index.html 和 manifest.json 发生变化，iOS 15.1 safari PWA 状态栏颜色仍保持绿色

ios - 尽管 index.html 和 manifest.json 发生变化，iOS 15.1 safari PWA 状态栏颜色仍保持绿色

问题描述

在构建一个PWAwithionic和capacitor。我刚刚将我的 iPhone 更新为iOS 15.1. 在为生产构建时，我注意到状态栏是绿色的。我把我apple-mobile-web-app-status-bar-style的改为black-transculent. 再次构建应用程序，添加到主屏幕，但状态栏仍然是绿色。

我检查了我的manifest.json文件，发现该theme_color属性设置为#4DBA87. 我查了一下这个颜色，结果发现它和我的状态栏的绿色完全一样。更改此颜色以#FFFFFF再次构建应用程序，添加到主屏幕但我的状态栏仍然保持绿色。

我现在有点迷茫该怎么办。我确保每次构建后我都会清除缓存以确保将新构建加载到safari. 当我还有iOS 14.7.x状态栏是白色的。我已经查看了发行说明，iOS 15.1但它没有说明html关于safari.

对此有什么想法吗？

标签： iosionic-frameworkprogressive-web-appscapacitor

解决方案

原来我的配置pwa设置在我的. 后者是绿色的，这是由于这个标签是硬编码在我的，插件也生成了这个标签，是最后一个（按顺序）绿色的标签。vue.config.js<meta name="theme-color" />index.htmlindex.htmlvue pwa

我删除了硬编码标签，将themeColor属性设置vue.config.js为#FFFFFF，现在一切都很好。

vue.config.js：

pwa: {
    appleMobileWebAppCapable: 'yes',
    appleMobileWebAppStatusBarStyle: 'black-transculent',
    themeColor: '#FFFFFF'
}

推荐阅读