在buidling一個PWA有ionic和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.
對此有何想法？
uj5u.com熱心網友回復：
原來thatmypwa配置設定vue.config.js引起了2倍<meta name="theme-color" />標簽在我的index.html。后者是綠色的，這是因為這個標簽是硬編碼在我的index.html，vue pwa插件也生成了這個標簽，是最后一個（按順序）綠色的。
我洗掉了硬編碼標簽，將themeColor屬性設定vue.config.js為#FFFFFF，現在一切都很好。
vue.config.js：
pwa: {
appleMobileWebAppCapable: 'yes',
appleMobileWebAppStatusBarStyle: 'black-transculent',
themeColor: '#FFFFFF'
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/343725.html
上一篇：將手電筒添加到離子反應專案