Pete LePage
이제 Lollipop의 Android용 Chrome 버전 39부터 theme-color 메타 태그를 사용하여 툴바 색상을 설정할 수 있습니다. 이제 더 이상 시애틀 회색 툴바가 표시되지 않습니다. 구문은 매우 간단합니다. name="theme-color"를 사용하여 페이지의 <head>에 meta 태그를 추가하고 content를 유효한 CSS 색상으로 설정합니다.
예를 들어 배경을 좋아하는 색상이나 HTML5Rocks 오렌지로 설정하려면 다음 단계를 따르세요.
<meta name="theme-color" content="#db5945">
또한 Chrome에서는 제공된 경우 아름다운 고해상도 favicon을 표시합니다. Android용 Chrome은 제공된 아이콘 중 가장 높은 해상도의 아이콘을 선택하며 192x192px PNG 파일을 제공하는 것이 좋습니다. 예를 들면 다음과 같습니다.
<link rel="icon" sizes="192x192" href="nice-highres.png">
여기 HTML5Rocks와 웹 기초 사이트에서 theme-color를 확인하고 홈 화면에 추가 문서에서 사이트를 돋보이게 하는 다른 방법을 확인하세요.