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

테마 색상이 표시된 휴대전화 스크린샷

Lollipop의 Android용 Chrome 버전 39부터 이제 다음 작업을 할 수 있습니다. theme-color 메타 태그를 사용하여 툴바 색상을 설정할 수 있습니다. 즉, 더 이상 시애틀 회색 툴바! 문법은 매우 간단합니다. meta 태그를 페이지의 <head>name="theme-color"로 설정하고 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와 웹 기초 사이트에서 테마 색상을 확인해 보세요. 자세한 내용은 홈 화면에 추가 문서 사이트를 돋보이게 하는 다양한 방법을 알아보세요.