支援 Android 39 版 Chrome 39 版的 theme-color

Pete LePage

手機螢幕截圖，顯示主題顏色。

自 Lollipop 的 Chrome 適用於 Android 的 39 版起，您現在可以使用 theme-color 元資料標記設定工具列顏色，不再需要使用 Seattle 灰色工具列！語法相當簡單：使用 name="theme-color" 將 meta 標記加入網頁的 <head>，然後將 content 設為任何有效的 CSS 顏色。

舉例來說，如要將背景設為您最喜歡的顏色或 HTML5Rocks 橘色，請按照下列步驟操作：

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

此外，Chrome 會在提供精美高解析度 favicon 時顯示這些圖示。Chrome 適用於 Android 會挑選您提供的最高解析度圖示，建議您提供 192 x 192 像素的 PNG 檔案。例如：

<link rel="icon" sizes="192x192" href="nice-highres.png">

請參閱 HTML5Rocks 和 網站基礎知識網站上的主題顏色，並務必查看「新增至主畫面說明文件」，瞭解更多讓網站脫穎而出的方法。