cantonadong
V2EX  ›  Android

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

  •  
  •   cantonadong · Jun 22, 2018 via Android · 13839 views
    This topic created in 2886 days ago, the information mentioned may be changed or developed.

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

    8 replies    2018-06-23 18:32:22 +08:00
    opengps
        1
    opengps  
       Jun 22, 2018 via Android
    看 body 的背景色?
    Pastsong
        2
    Pastsong  
       Jun 22, 2018 via Android
    head 里可以设 theme color 的
    nameme
        3
    nameme  
       Jun 22, 2018
    theme-color 的元信息?
    kerr92
        4
    kerr92  
       Jun 22, 2018
    ```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  
       Jun 22, 2018 via Android
    主流做法就是根据楼上说的 meta 头,页面没有声明这个 meta 的话可以取页面顶部元素的背景颜色
    VDimos
        6
    VDimos  
       Jun 22, 2018 via Android
    meta 头设置的,如果没 meta 头,获取顶部 1px 像素就行了
    abmin521
        7
    abmin521  
       Jun 23, 2018
    view-source:https://www.v2ex.com/t/465138#reply6
    第七行
    <meta name="theme-color" content="#333344" />
    ngg0707
        8
    ngg0707  
       Jun 23, 2018 via iPhone
    什么浏览器
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2998 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 62ms · UTC 12:51 · PVG 20:51 · LAX 05:51 · JFK 08:51
    ♥ Do have faith in what you're doing.