HBTech's Blog
自定义 Chrome 的地址栏颜色

如果你曾用 Chrome 逛过一些大触的博客,你也许会发现 Chrome 的地址栏吓得变色了。一直好奇是怎么做到的,今天无聊, Google 了一下,原来这似乎是 AndroidL Chrome 的“彩蛋”,用 <meta> 标签即可做到。
将以下代码加到 <head> 中即可,自行输入 content 的 HEX 颜色值,(例如 #52accc)。

代码来自:Stackoverflow


<meta name="theme-color" content="">
<meta name="msapplication-TileColor" content="">
<meta name="msapplication-navbutton-color" content="">
<meta name="apple-mobile-web-app-status-bar-style" content="">

理论上只需要<meta name="theme-color" content=""> 一条即可实现 Chrome 的自定义颜色,其余的代码是为了兼容其它浏览器。
效果如下
https://hbtech.oss-cn-shenzhen.aliyuncs.com/blog/screenshot_2016-05-03-17-52-44.png

HBTech's Blog

自定义 Chrome 的地址栏颜色
如果你曾用 Chrome 逛过一些大触的博客,你也许会发现 Chrome 的地址栏吓得变色了。一直好奇是怎么做到的,今天无聊, Google 了一下,原来这似乎是 AndroidL Chrome 的“彩蛋”,用 <me…
扫描二维码继续阅读
2016-05-02