自定义 Android Chrome toolbar 颜色

2016-04-29 23:55:14 +08:00
 WildGuoDonglin

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

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

前提是你用的系统版本在 Android 5.0 以上, Chrome 版本 39 以上,并且在设置中开启 Merge tabs and apps 。

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

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

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

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

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

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

2200 次点击
所在节点    分享创造
8 条回复
ayaseangle
2016-04-30 00:10:52 +08:00
你们村通网了。。
WildGuoDonglin
2016-04-30 00:19:39 +08:00
@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
这个是多久以前就有了
dphdjy
2016-04-30 14:18:23 +08:00
致远星战况如何?以及把这个配合 APP 的主题用起来识别性更好~
jsthon
2016-05-01 09:05:31 +08:00
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
不用 merge 也有,三星自带浏览器也支持这个,蛮早的属性了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/275438

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX