改变手机状态指示条的颜色答案

【问题标题】：Change color of the status indicator bar of mobile改变手机状态指示条的颜色
【发布时间】：2017-12-29 07:48:47
【问题描述】：

我目前很想知道在访问某个页面时如何在任何移动设备上更改状态指示栏和浏览器内的搜索栏的背景颜色。我做了一个研究，但我没有找到解决这个问题的方法。我认为这也许可以使用 JavaScript，但 CSS 中也可能存在某个伪类或事件。请向我提供您的想法或解决方案。先感谢您！这是这个颜色变化的一个例子：https://translate.google.de/m/translate（注意从白色变为蓝色以适应谷歌翻译主题）

【问题讨论】：

请参阅How to change the color of header bar and address bar in newest Android Chrome version on Lollipop?。
谢谢你，我怎么没找到？ :^(
任何问题中最困难的部分都是好问题;-)

标签： javascript android jquery css browser

【解决方案1】：

你应该使用元标记：

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#333333">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#333333">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#333333">

【讨论】：

感谢您快速清晰的回答！为什么网上没有这么明确的答案？

【解决方案2】：

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#cccccc">
<!-- Windows Phone (microsoft) -->
<meta name="msapplication-navbutton-color" content="#cccccc">
<!-- iOS Safari (apple) -->
<meta name="apple-mobile-web-app-status-bar-style" content="#cccccc">

【讨论】：