修改 Android 下 Chrome 浏览器的顶部地址栏颜色

更新日期: 2019-04-27 阅读次数: 15945 字数: 150 分类: CSS

我看到很多网站在 Android 手机的 Chrome 浏览器里,可以更改顶部的地址栏及 status bar 的颜色。

而我目前的网站就没有这个效果。说明不是 Chrome 默认的行为。

修改 Android 下 Chrome 浏览器的顶部地址栏颜色

查了一下,原来在 Android 5.0 以上, Chrome 版本 39 以上,可以通过设置

<meta name="theme-color" content="#SOME_COLOR">

来实现此效果。

例如,我设置的颜色是

<meta name="theme-color" content="#375680">

效果如下

修改 Android 下 Chrome 浏览器的顶部地址栏颜色

微信关注我哦 👍

大象工具微信公众号

我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式

谈笑风生

一个过客

我是看github手机版有这个效果,百度了下 找到了你,谢谢博主