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

更新日期: 2019-04-27 阅读次数: 7253 字数: 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手机版有这个效果,百度了下 找到了你,谢谢博主

爱评论不评论

近期节日

2020年11月26日 感恩节
2020年12月01日 世界艾滋病日
2020年12月03日 国际残疾人日
2020年12月07日 大雪
2020年12月09日 "一二九"运动纪念日
2020年12月09日 世界足球日
2020年12月10日 世界人权日
2020年12月12日 西安事变纪念日
2020年12月13日 南京大屠杀
2020年12月20日 澳门回归日
2020年12月21日 国际篮球日
2020年12月21日 冬至
查看更多节日