V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
WildGuoDonglin
V2EX  ›  分享创造

自定义 Android Chrome toolbar 颜色

  •  
  •   WildGuoDonglin · 2016-04-29 23:55:14 +08:00 · 2206 次点击
    这是一个创建于 3136 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我在上一家公司工作的时候,给网页加了一个功能。然而要想看到这个效果条件略苛刻,我甚至怀疑根本没人注意到。就当作是一个彩蛋吧,等待另一个 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 铁粉可以发现了。

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

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

    8 条回复    2016-05-02 05:38:00 +08:00
    ayaseangle
        1
    ayaseangle  
       2016-04-30 00:10:52 +08:00   ❤️ 3
    你们村通网了。。
    WildGuoDonglin
        2
    WildGuoDonglin  
    OP
       2016-04-30 00:19:39 +08:00 via iPhone
    @ayaseangle 去年 10 月份做的,才写出来而已
    vizards
        3
    vizards  
       2016-04-30 00:28:55 +08:00
    其实 chrome 的 Add to Homescreen 功能也是走的这个思路,把网页当做原生应用来看待。可以参考扩充下内容😅https://developer.chrome.com/multidevice/android/installtohomescreen
    BROWNURSIDAE
        4
    BROWNURSIDAE  
       2016-04-30 09:18:21 +08:00 via Android
    这个是多久以前就有了
    dphdjy
        5
    dphdjy  
       2016-04-30 14:18:23 +08:00 via Android
    致远星战况如何?以及把这个配合 APP 的主题用起来识别性更好~
    jsthon
        6
    jsthon  
       2016-05-01 09:05:31 +08:00 via Android
    Android 4.x & 5.1 下的 Chrome 用户表示地址栏的色彩很明显。
    ahonn
        7
    ahonn  
       2016-05-01 11:57:21 +08:00
    这个不是早就有了么...你没注意手机上用 chrome 上 V2EX 就是深蓝么..
    maplerecall
        8
    maplerecall  
       2016-05-02 05:38:00 +08:00 via Android
    不用 merge 也有,三星自带浏览器也支持这个,蛮早的属性了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2890 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 03:42 · PVG 11:42 · LAX 19:42 · JFK 22:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.