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

更新日期: 2019-04-27 阅读次数: 1015 字数: 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年07月23日 大暑
2019年07月30日 非洲妇女日
2019年08月01日 八一建军节
2019年08月06日 国际电影节
2019年08月07日 七夕
2019年08月08日 立秋
2019年08月15日 日本投降日
2019年08月15日 中元节
2019年08月23日 处暑
2019年09月03日 抗日胜利纪念日
2019年09月08日 白露
2019年09月08日 国际扫盲日
查看更多节日