自定义 Android Chrome toolbar 颜色

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2936 天前的主题，其中的信息可能已经有所发展或是发生改变。

我在上一家公司工作的时候，给网页加了一个功能。然而要想看到这个效果条件略苛刻，我甚至怀疑根本没人注意到。就当作是一个彩蛋吧，等待另一个 Android 粉能发现：“卧槽他们也有这个功能！”

Android 上的 Chrome 从 39 开始，增加了一个theme-color的功能，意味着你可以自定义 Chrome 的 toolbar 的颜色。就像这样：

Chrome 团队这么做的初衷可能是希望让 web 页面在 overview 上更像原生应用，更具有辨识度。网页不再是 Chrome 里一个个的标签，而是跟应用一样，一页占用一张卡片。

要实现这样的效果很简单，只需要在<head>里增加一段：

<meta name="theme-color" content="#your color">

然而在中国， Android 5.0 占有率并不高，使用 Chrome 的人更少，打开了 Merge 功能的人就更少了。所以我说大概只有 Android 铁粉可以发现了。

没有人注意到的设计有什么意义？没有，就是个情怀。

知乎专栏，刚开始做，还没人关注。打算写一些设计相关的文章。

8 条回复 • 2016-05-02 05:38:00 +08:00

ayaseangle

2016-04-30 00:10:52 +08:00

你们村通网了。。

WildGuoDonglin

2016-04-30 00:19:39 +08:00 via iPhone

@ayaseangle 去年 10 月份做的，才写出来而已

vizards

2016-04-30 00:28:55 +08:00

其实 chrome 的 Add to Homescreen 功能也是走的这个思路，把网页当做原生应用来看待。可以参考扩充下内容😅https://developer.chrome.com/multidevice/android/installtohomescreen

BROWNURSIDAE

2016-04-30 09:18:21 +08:00 via Android

这个是多久以前就有了

dphdjy

2016-04-30 14:18:23 +08:00 via Android

致远星战况如何？以及把这个配合 APP 的主题用起来识别性更好~

jsthon

2016-05-01 09:05:31 +08:00 via Android

Android 4.x & 5.1 下的 Chrome 用户表示地址栏的色彩很明显。

ahonn

2016-05-01 11:57:21 +08:00

这个不是早就有了么...你没注意手机上用 chrome 上 V2EX 就是深蓝么..

maplerecall

2016-05-02 05:38:00 +08:00 via Android

不用 merge 也有，三星自带浏览器也支持这个，蛮早的属性了。