ie edge 엣지로 타일 tile 핀 pin 추가하기

windows 8 이든 10 이든 예전에는 metro 메트로 라는 용어를 사용했는데, 법적으로 문제가 있어서 타일 tile 이라는 용어로 변경되었네요.

예전의 즐겨찾기 아이콘을 추가하는 것처럼 edge 에서만 가능하게 타일 tile 을 추가 가능하도록 해주었더군요. 다른 브라우저에서는 안됩니다.

meta 태그로 아이콘 설정에 맞게 가능합니다. 딱 맞춰줘야 타일 tile에 아이콘이 나옵니다.

참고할 사이트는 아래 두군데 입니다.

https://msdn.microsoft.com/en-us/library/dn255024(v=vs.85).aspx

http://webdesign.tutsplus.com/tutorials/how-to-add-windows-tiles-to-your-website--cms-23099

xml 구조로 빼서 사용이 가능합니다.

<meta name="msapplication-TileColor" content="#83d3c9" />

<meta name="application-name" content="Acme Corp." />

<meta name="msapplication-config" content="tile.xml" />

<?xml version="1.0" encoding="utf-8"?>

 

<browserconfig>

    <msapplication>

        <tile>

            <square70x70logo src="images/tiles/acme-tile-small.png"/>

            <square150x150logo src="images/tiles/acme-tile-medium.png"/>

            <wide310x150logo src="images/tiles/acme-tile-wide.png"/>

            <square310x310logo src="images/tiles/acme-tile-large.png"/>

            <TileColor>#83d3c9</TileColor>

        </tile>

    </msapplication>

</browserconfig>