V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
cantonadong
V2EX  ›  Android

浏览器根据网站全局染色是什么原理?

  •  
  •   cantonadong · 2018-06-22 21:02:12 +08:00 via Android · 9789 次点击
    这是一个创建于 2346 天前的主题,其中的信息可能已经有所发展或是发生改变。

    知乎是蓝色,腾讯新闻是红色,

    8 条回复    2018-06-23 18:32:22 +08:00
    opengps
        1
    opengps  
       2018-06-22 21:04:42 +08:00 via Android
    看 body 的背景色?
    Pastsong
        2
    Pastsong  
       2018-06-22 21:14:30 +08:00 via Android
    head 里可以设 theme color 的
    nameme
        3
    nameme  
       2018-06-22 21:14:55 +08:00
    theme-color 的元信息?
    kerr92
        4
    kerr92  
       2018-06-22 21:18:25 +08:00
    ```html
    <!-- Chrome, Firefox OS and Opera -->
    <meta name="theme-color" content="#4285f4">
    ```

    参考 https://developers.google.cn/web/fundamentals/design-and-ux/browser-customization/#chrome_opera_1
    zjp
        5
    zjp  
       2018-06-22 21:54:42 +08:00 via Android
    主流做法就是根据楼上说的 meta 头,页面没有声明这个 meta 的话可以取页面顶部元素的背景颜色
    VDimos
        6
    VDimos  
       2018-06-22 22:19:10 +08:00 via Android
    meta 头设置的,如果没 meta 头,获取顶部 1px 像素就行了
    abmin521
        7
    abmin521  
       2018-06-23 14:57:05 +08:00
    view-source:https://www.v2ex.com/t/465138#reply6
    第七行
    <meta name="theme-color" content="#333344" />
    ngg0707
        8
    ngg0707  
       2018-06-23 18:32:22 +08:00 via iPhone
    什么浏览器
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1540 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 17:18 · PVG 01:18 · LAX 09:18 · JFK 12:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.