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

顯示 theme-color 的手機螢幕截圖。

自 Lollipop 上的 Chrome for Android 39 版開始,您可以使用 theme-color 中繼標記來設定工具列顏色,也就是說,系統不會再顯示西雅圖工具列!語法很簡單:使用 name="theme-color"meta 標記加入網頁的 <head>,然後將 content 設為任何有效的 CSS 顏色。

舉例來說,如要將背景設為您最喜歡的顏色或 HTML5Rocks 橘色:

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

此外,Chrome 會在提供時顯示精美的高解析度網站小圖示。Android 版 Chrome 會選擇您提供的最高解析度圖示,建議您提供 192 × 192 像素的 PNG 檔案。例如:

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

建議您查看 HTML5Rocks 和 Web 基礎知識 網站上的佈景主題顏色。此外,請務必參閱新增至主畫面說明文件,瞭解更多能讓網站脫穎而出的方法。