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

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

自 Lollipop 版本上的 Chrome for Android 39 起,您現在可以使用 theme-color 中繼標記設定工具列顏色,也就是說,不必再使用西雅圖灰色工具列!語法很簡單,請使用 name="theme-color"meta 標記加到網頁的 <head>,然後將 content 設為任何有效的 CSS 顏色。

例如,將背景設為您最愛的顏色或 HTML5Rocks 橘色:

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

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

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

如要瞭解更多主題顏色,包括 HTML5Rocks 和 Web Fundamentals 網站,請務必參閱新增至主畫面文件,瞭解還有哪些方式能讓您的網站脫穎而出。