Windows 8 przygotuj witrynę do przypinania

Question

Chciałbym przygotować moją stronę do przypinania okienek i czytałem dokumentację, jak dodawać różne obrazy i mogłem się zorientować, że można to zrobić za pomocą metadanych i zgodnie z instrukcjami i pomoc na tym site Mogłem faktycznie zbudować następujące metatagi, ale nie mogłem dowiedzieć się, gdzie mogę zadzwonić do pliku browserdetect.xml zakładając, że mam plik zlokalizowany pod adresem mysitee.com/upload/win8/browserdetetct.xml, a obrazy w ten sam folder

<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"/> 

Jakąkolwiek pomoc proszę?

Answer 1

UPDATE: Microsoft Edge na Windows 10 i Windows 10 Mobile teraz używa tylko /browserconfig.xml, więc zatrzymać w tym meta tagi.

Widzę, że Microsoft ma - nieco prematurley - zaktualizował swój kreator do Windows 8.1. Który nie jest wstecznie kompatybilny z Windows 8.

Co trzeba (oprócz moich uwag w drugim poście) to starszy kod z obrazka: 144x144 px

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

który będzie działał w programie Internet Explorer 10 na Windows 8 w połączeniu z dwoma wstecznie kompatybilne tagów masz już:

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

pamiętać, że nie należy używać application-name chyba że strona jest faktycznie aplikacji internetowych. (Zgodnie ze specyfikacjami HTML5.)

Możesz przetestować system Windows 8.1 (Internet Explore 11, faktycznie) w maszynie wirtualnej. Microsoft przekazuje je za darmo pod adresem: http://www.modern.ie/en-US/virtualization-tools#downloads

Dalsze udoskonalenia: Internet Explore 11 w rzeczywistości nie wymaga obecności znaczników w dokumencie. więc możesz uratować użytkowników, którzy nie zamierzają przypiąć twojej strony przepustowości (w ten sposób osiągając wydajność), włączając w swój root (browserconfig.xml) (np. example.com/browserconfig.xml). IE 11 odczyta ten plik, gdy użytkownik spróbuje przypiąć witrynę i załaduje potrzebne zasoby z tego miejsca zamiast z metatagów. Tak więc należy uwzględnić dwa/trzy znaczniki IE 10 i umieścić nowe znaczniki IE 11 w pliku konfiguracyjnym przeglądarki. Czytaj na http://msdn.microsoft.com/en-us/library/ie/hh772707%28v=vs.85%29.aspx (zignoruj ​​bity, w których zawiera się metatag, aby załadować plik konfiguracyjny) Jeśli nazwa pliku jest browserconfig.xml i znajduje się w katalogu głównym, automagicznie zadziała.)

Wszystko to idealnie pasuje: System Windows 8 nie wymaga dopełnienia na swoim obrazie, a jedynie przezroczyste tło. Jednak w systemie Windows 8.1 oczekiwane ⅕ obrazów płytek pozostaje niewidoczne dla wypełnienia. Jeśli nie zwrócisz uwagi na wyściółkę, będziesz czuł się jak kciuk wśród innych aplikacji.

żywo przykład: I wdrożone to na moim własnym miejscu na co Slight Future jeśli chcesz działania (jak w 8.1 Preview 1 Windows) np.

Ostateczne przemyślenia: Dlaczego Microsoft musi wprowadzić coś nowego dla każdej wersji Internet Explorera/Windowsa, nie rozumiem. Nic nie jest kompatybilne wstecz.Dla IE 9/10 i przypięte strony na pasku zadań Windows 7/8, potrzebujesz favicon in four different sizes.

Answer 2

Możesz śledzić samouczka/kreatora krok po kroku na http://www.buildmypinnedsite.com