Windows 8 Przygotuj stronę do przypinania

Chciałbym przygotować moją witrynę do przypinania systemu windows 8 i czytałem trochę dokumentacji na temat dodawania różnych obrazów i mogłem dowiedzieć się, że można to zrobić za pomocą metadanych i zgodnie z instrukcjami i Pomocą na tej stronie mógłbym zbudować następujące meta tagi, ale nie mogłem dowiedzieć się, gdzie mogę wywołać browserdetect.plik xml zakładając, że plik znajduje się w mysitee.com/upload/win8/browserdetetct.xml i obrazy w tym samym folderze

<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"/>
Proszę o pomoc .
Author: Sampson, 2013-07-04

2 answers

Aktualizacja: Microsoft Edge Na Windows 10 i Windows 10 Mobile używa teraz tylko / browserconfig.xml, więc przestań dołączać meta tagi.

Widzę, że Microsoft zaktualizował swojego kreatora do Windows 8.1. Który nie jest wstecznie kompatybilny z Windows 8.

Potrzebujesz (oprócz moich komentarzy w innym poście) starszego kodu z obrazem 144x144 px:

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

Który będzie działał w Internet Explorer 10 na Windows 8 w połączeniu z dwoma kompatybilne wstecz tagi, które już masz:

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

Pamiętaj, że nie powinieneś używać application-name, chyba że Twoja strona jest rzeczywiście aplikacją internetową. (Zgodnie ze specyfikacją HTML5.)

Możesz przetestować Windows 8.1 (Internet Explore 11, właściwie) rzeczy w maszynie wirtualnej. Microsoft rozdaje je za darmo na http://www.modern.ie/en-US/virtualization-tools#downloads

Dalsze ulepszenia: Internet Explore 11 właściwie nie potrzebuje tagów, aby być obecnym w dokument. możesz więc zapisać użytkowników, którzy nie zamierzają przypinać przepustowości Twojej witryny (zyskując w ten sposób wydajność), włączając browserconfig.xml do katalogu głównego (np. example.com/browserconfig.xml). IE 11 odczyta ten plik, gdy użytkownik spróbuje przypiąć witrynę i załadować zasoby potrzebne stamtąd zamiast ze znaczników meta. Więc to, co robisz, to dołącz dwa / trzy tagi IE 10 potrzeby i umieścić nowe tagi IE 11 w pliku konfiguracyjnym przeglądarki. Czytaj dalej http://msdn.microsoft.com/en-us/library/ie/hh772707%28v=vs.85%29.aspx (ignoruj bity, w których mówi ci, aby dołączyć meta tag, aby załadować plik konfiguracyjny. Tak długo, jak nazwa pliku to browserconfig.xml i jest na Twoim roocie, będzie działać automagicznie.)

Dzięki czemu wszystko jest cholernie idealne: Windows 8 nie wymaga wypełnienia w obrazie, tylko przezroczystego tła. Windows 8.1 oczekuje jednak, że ⅕ obrazów płytek pozostanie przezroczysty do wypełnienia. Będziesz trzymać się jak ból kciuka wśród innych aplikacji, Jeśli nie zwracasz uwagi na wyściółkę.

Przykład na żywo: zaimplementowałem to na własnej stronie w slightly Future Jeśli chcesz mieć działający (od Windows 8.1 Preview 1) przykład.

Ostatnie myśli: Dlaczego Microsoft musi wprowadzać coś nowego dla każdej wersji Internet Explorera / Windows, nie mogę zrozumieć. Nic nie jest kompatybilne wstecz. Dla IE 9 / 10 i przypięte strony na Windows 7 / 8 pulpit taskbar, potrzebujesz favicon w czterech różnych rozmiarach.

 28
Author: Aeyoun,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-11-19 21:52:52

Możesz postępować zgodnie z samouczkiem / kreatorem krok po kroku w http://www.buildmypinnedsite.com

 4
Author: Aeyoun,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-08-18 04:58:38