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

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

领取618阿里云/腾讯云服务器优惠券

关于作者

我是来自山东烟台的一名开发者,喜欢瞎折腾,顺便记记笔记。有敢兴趣的话题,欢迎加微信 zhongwei 聊聊。 白天写程序,晚上哄熊孩子,可能回复有点慢,见谅。 查看更多联系方式

相关文章

谈笑风生

一个过客

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

爱评论不评论

近期节日

2020年06月05日 世界环境日
2020年06月05日 芒种
2020年06月06日 全国爱眼日
2020年06月11日 中国人口日
2020年06月20日 世界难民日
2020年06月21日 父亲节
2020年06月21日 夏至
2020年06月22日 中国儿童慈善活动日
2020年06月23日 国际奥林匹克日
2020年06月25日 全国土地日
2020年06月25日 端午节
2020年06月26日 国际禁毒日
查看更多节日