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

更新日期: 2019-04-27 阅读次数: 352 字数: 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 浏览器的顶部地址栏颜色

爱评论不评论

近期节日

2019年05月20日 全国助残日
2019年05月21日 小满
2019年05月30日 五卅运动纪念
2019年05月31日 世界无烟日
2019年06月01日 六一儿童节
2019年06月05日 世界环境日
2019年06月06日 芒种
2019年06月06日 全国爱眼日
2019年06月07日 端午节
2019年06月11日 中国人口日
2019年06月16日 父亲节
2019年06月20日 世界难民日
查看更多节日