解决 Angular 项目状态栏变蓝的问题(theme-color #1976d2)
名为 theme-color
的 HTML <meta>
标签可以指定一个色值。如果浏览器或操作系统支持这一特性,就会改变状态栏 / 地址栏的颜色。通常把它设置为与网页背景一致,给用户更沉浸的「全面屏」效果。这对 Web App 尤为重要。
然而,如果你使用 Angular 来构建 PWA,可能观察到 theme-color
被设置为一个醒目的蓝色。我检查了好几个 Angular 应用,发现开发者在意识到该特性的存在后,都会尝试去控制 theme-color
设置为正确的颜色,但由于未能定位蓝色的来源,所以页面加载过程中依然会刷出蓝色来。