Android용 Chrome 39에서 테마 색상 지원

테마 색상을 보여주는 휴대전화 스크린샷

이제 Lollipop 기반 Android용 Chrome 버전 39부터 theme-color 메타 태그를 사용하여 툴바 색상을 설정할 수 있습니다. 즉, 더 이상 시애틀 회색 툴바가 아닙니다. 구문은 매우 간단합니다. name="theme-color"meta 태그를 페이지의 <head>에 추가하고 content를 유효한 CSS 색상으로 설정하면 됩니다.

예를 들어 배경을 좋아하는 색이나 HTML5Rocks 주황색으로 설정하는 방법은 다음과 같습니다.

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

또한 Chrome에서는 아름다운 고해상도 파비콘이 제공될 때 이러한 파비콘을 표시합니다. Android용 Chrome은 사용자가 제공하는 가장 높은 해상도의 아이콘을 선택하므로 192×192px PNG 파일을 제공하는 것이 좋습니다. 예를 들면 다음과 같습니다.

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

HTML5Rocks와 웹 기초 사이트에서 테마 색상을 확인하고, 홈 화면에 추가 문서에서 사이트를 돋보이게 하는 다양한 방법을 확인하세요.