안드로이드 롤리팝에서 크롬을 사용중이라면, 어떤 사이트에 들어가면 주소창이랑 멀티태스킹키를 눌렀을 때 색깔이 변하는걸 관찰 할 수 있습니다.

    예)페이스북에 접속하면 주소표시줄이 파란색으로 변합니다.




    바로 theme-color속성을 가진 메타태그를 이용한 방법입니다.

    현재 이 블로그에도 메뉴바랑 같은색상으로 테마가 설정되어있는데요.

    적용법이 매우 쉬우니 한번 알아보도록 하겠습니다.



    .


    theme-color 적용 방법

    skin.html에서 </head>태그 바로 앞에 다음을 추가하면 됩니다.

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


    파란색 표시한 부분을 원하는 색상 코드로 바꿔주시면됩니다.



    추가로, 멀티태스킹 키를 눌렀을때 나타날 썸네일 아이콘은 다음과같이 지정할 수 있습니다.


    <link rel="icon" sizes="64x64" href="[##_image_##]" />


    기본정보에 이미지에 업로드한 사진이 아이콘으로 나타납니다.

    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • BlogIcon COCO Media
      2016.03.12 21:48 신고

      우와 감사합니다!! 이게 메타태그로 하는 방식이였네요!! 어느 블로그 들어가니 해당 부분이 핑크색으로 바뀌길래;; 한참을 찾았는데 좋은 정보 감사합니다!!

    • BlogIcon LSh.st루샥
      2016.06.14 14:05 신고

      오! 정말 멋진 기능이네요 감사합니다! ^ㅅ^