2013-07-04 5 views
9

저는 Windows 8 고정 용 사이트를 준비하고 다양한 이미지를 추가하는 방법에 대한 문서를 읽었으며 메타 데이터를 사용하고 지침에 따라 작업을 수행 할 수 있다고 생각했습니다. 도움이 site 나는 실제로 다음과 같은 메타 태그를 만들 수 있지만 내가 파일을 mysitee.com/upload/win8/browserdetetct.xml에있는 것으로 가정하고 browserdetect.xml 파일을 호출 할 수있는 위치를 파악할 수 없었습니다. 같은 폴더Windows 8은 고정 용 사이트를 준비합니다.

<meta name="application-name" content="MySite"/> 
<meta name="msapplication-TileColor" content="#2d90c6"/> 
<meta name="msapplication-TileColor" content="#2d90c6"/> 
<meta name="msapplication-square70x70logo" content="http://placehold.it/70x70/000000/ffffff&text=MySite"/> 
<meta name="msapplication-square150x150logo" content="http://placehold.it/150x150/000000/ffffff&text=MySite"/> 
<meta name="msapplication-wide310x150logo" content="http://placehold.it/310x150/000000/ffffff&text=MySite"/> 
<meta name="msapplication-square310x310logo" content="http://placehold.it/310x310/000000/ffffff&text=MySite"/> 

어떤 도움을 주시겠습니까?

답변

28

업데이트에서 단계별 튜토리얼/마법사를 따라 할 수 있습니다 : 윈도우 10 마이크로 소프트 에지 및 Windows 10 모바일은 이제 /browserconfig.xml를 사용하므로 메타 태그를 포함 중지합니다.

나는 마이크로 소프트가 - 약간의 prematurley - 그들의 마법사를 Windows 8.1로 업데이트 한 것을 볼 수있다. 어떤 윈도우와 호환되지 않습니다 8

당신은 이전 코드는 144x144 픽셀의 이미지입니다 (다른 게시물에 내 의견에 추가로) 필요한 것 :

<meta name="msapplication-TileImage" content="/tileimage-144.png" /> 

Internet Explorer에서 작동합니다 두 호환 태그와 함께 윈도우 8 10 당신은 이미 : 귀하의 사이트가 실제로 웹 응용 프로그램입니다하지 않는 한 application-name을 사용해서는 안

<meta name="application-name" content="MySite" /> 
<meta name="msapplication-TileColor" content="#2d90c6" /> 

참고. (HTML5 사양에 따라)

가상 컴퓨터에서 Windows 8.1 (실제로 인터넷 탐색 11)을 테스트 할 수 있습니다. Microsoft는이를 무료로 넘겨줍니다 http://www.modern.ie/en-US/virtualization-tools#downloads

향상된 기능 : 인터넷 익스플로러 11은 실제로 태그가 문서에 존재하지 않아도됩니다. 루트에 browserconfig.xml을 포함하여 사이트를 대역폭 고정 (따라서 성능 향상)하지 않으려는 사용자를 저장할 수 있습니다 (예 : example.com/browserconfig.xml). IE 11은 사용자가 사이트를 고정시키고 메타 태그가 아닌 필요한 리소스를로드하려고 할 때이 파일을 읽습니다. 따라서 IE 10에 필요한 두 개/세 개의 태그를 포함하고 브라우저 설정 파일에 새로운 IE 11 태그를 넣습니다. http://msdn.microsoft.com/en-us/library/ie/hh772707%28v=vs.85%29.aspx에서 읽으십시오 (설정 파일을로드하기 위해 meta 태그를 포함하라는 지시를 무시합니다. 파일 이름이 browserconfig.xml이고 루트에 있으면 자동으로 작동합니다)

완벽하게 만들기 : Windows 8에서는 이미지에 패딩이 필요없고 투명한 배경 만 필요합니다. 그러나 Windows 8.1에서는 타일 이미지의 1/5이 패딩을 위해 투명하게 유지 될 것으로 예상됩니다. 패딩에 신경 쓰지 않으면 다른 애플리케이션 사이에 아픈 엄지 손가락처럼 튀어 나올 것입니다.

라이브 예제 : (Windows 8.1 미리보기 1과 같은) 예제를 원한다면 Slight Future에 내 사이트에서 이것을 구현했습니다.

최종 생각 : 왜 Microsoft는 모든 단일 버전의 Internet Explorer/Windows에 새로운 기능을 추가해야합니까? 이해할 수 없습니다. 아무것도 이전 버전과 호환되지 않습니다.Internet Explorer 9/10 및 Windows 7/8 바탕 화면 작업 표시 줄의 고정 된 사이트의 경우 favicon in four different sizes이 필요합니다.

+0

면책 조항 : IE 11 비트는 예비 구현 및 문서화를 기반으로하며 변경 될 수 있습니다. 10 월 17 일 및 Windows 8.1의 최종 버전이 출시되면 더 이상 올바르지 않을 수 있습니다. – Aeyoun

+3

명확하고 상세한 답변을 주셔서 대단히 감사합니다. 나는 또한 문제를 파헤칠 시간을 헌신적으로 주신 것에 대해 대단히 감사합니다. 나는 너에게 맥주를 빚지고있다 :-) – digitup

+1

@Aeyoun 훌륭한 대답! 이 부분에 대해 더 알고 싶습니다. "Windows 8.1에서는 타일 이미지의 1/5이 패딩을 위해 투명하게 남을 것으로 기대합니다." 그것에 대해 더 자세히 설명해 주시겠습니까? 이 기대를 말하는 링크가 있습니까? – Nick

4
+0

정말 고마워요. 나는 어떤 성공도없이이 웹 사이트의 지침을 정확히 따랐다. – digitup

+0

@digitup 젠장, 네 말이 맞아. 대신 완전하고 새로운 대답을 제출하십시오. 주말 내내이 물건을 파 내며 시간을 보내면서 운이 좋았습니다. ;) – Aeyoun

관련 문제