Chrome 如何在PWA中更改Android导航栏颜色?

drnojrws  于 2023-02-14  发布在  Go
关注(0)|答案(5)|浏览(202)

当我在Android主屏幕(Progessive Web App)上添加页面时,我想更改网页上Android导航栏的颜色,但当我打开PWA时,Android导航栏的颜色是黑色,我想将颜色更改为白色。在清单中,您可以更改主题的颜色,我也可以更改,但仍然遵循黑色。
有可能做到吗?
我指的是Android导航栏,而不是通知栏。

f1tvaqid

f1tvaqid1#

据我所知,它目前不是一个PWA支持的功能。

mzmfm0qo

mzmfm0qo2#

您可以向HTML页面添加 meta标记。

<meta name="theme-color" content="#225577"/>
h6my8fg2

h6my8fg23#

你可以玩manifest.json和设置"theme_color":"#000000""background_color": "#000000"-你的浏览器可能会选择这些颜色并将它们应用到导航条(也可能不会,三星的标准浏览器习惯于忽略这个设置,从来没有改变导航条颜色).似乎在PWA中仍然没有这样的功能(存在于Android原生应用程序中),允许单独指定导航条颜色.

z5btuh9x

z5btuh9x4#

导航栏的颜色不适用于深色主题。更改为浅色主题将适用。

u2nhd7ah

u2nhd7ah5#

我相信在2023年仍然没有解决办法。
Android导航栏在PWA中的背景颜色取决于您手机设置中设置的主题。如果您的手机设置为深色模式,则显示为深色。否则,在PWA中显示为白色。
这就是为什么在PWA中添加切换主题功能可能是一个好主意。

相关问题