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