Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在PWA中更改Android导航栏的颜色?_Html_Google Chrome_Manifest_Progressive Web Apps - Fatal编程技术网

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

Html 如何在PWA中更改Android导航栏的颜色?,html,google-chrome,manifest,progressive-web-apps,Html,Google Chrome,Manifest,Progressive Web Apps,当我在Android主屏幕(Progressive web App)上添加页面时,我想更改web上Android导航栏的颜色,但当我打开PWA时,Android导航栏的颜色是黑色,我想将颜色更改为白色。在清单中,您可以更改主题的颜色,我也可以,但仍然遵循黑色 有可能吗 我指的是Android导航栏,不是通知栏 您可以向HTML页面添加元标记 <meta name="theme-color" content="#225577"/> 您可以使用manifest.json并设置的“主题

当我在Android主屏幕(Progressive web App)上添加页面时,我想更改web上Android导航栏的颜色,但当我打开PWA时,Android导航栏的颜色是黑色,我想将颜色更改为白色。在清单中,您可以更改主题的颜色,我也可以,但仍然遵循黑色

有可能吗

我指的是Android导航栏,不是通知栏


您可以向HTML页面添加元标记

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


您可以使用
manifest.json
并设置
的“主题颜色”:“\000000”
的“背景颜色”:“\000000”
-您的浏览器可能会选择这些颜色并将其应用于导航栏(也可能不会,三星的标准浏览器会忽略此设置,并且从不更改导航栏颜色)。PWA中似乎还没有这样的功能(Android本机应用程序中存在),允许单独指定导航栏的颜色。

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

导航栏的颜色不适用于深色主题。切换到light主题,它就会工作。

谢谢您的回答。我指的是android导航栏。不是通知栏。在PWA中,我认为它们是一样的。你能用显示你问题的截图来编辑这个问题吗?好的,我上传了图片。你想改变系统按钮的颜色吗?我认为这是不可能的,至少我还没有看到任何这样的例子。是的,我想改变系统按钮的颜色。谢谢你的回答,我希望将来谷歌能添加这个。然后我完成了这篇文章。不幸的是,这似乎不起作用,至少对Vue2来说是这样。在vue.config.js(pwa对象)中既不设置此选项(也不设置backgroundColor)。仅供参考,vue与清单文件中的任何内容无关。这里的关注点分离。因此,这不是一个与Vue相关的问题:)