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와 웹 기초 사이트에서 테마 색상을 확인해 보세요.
자세한 내용은
홈 화면에 추가 문서
사이트를 돋보이게 하는 다양한 방법을 알아보세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스 에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스 에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책 을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2014-11-06(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2014-11-06(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2014-11-06(UTC)"]]