Windows 8 готовит сайт к закреплению
Я хотел бы подготовить свой сайт для закрепления Windows 8 и читал некоторую документацию о том, как добавить различные изображения, и мог бы выяснить, что это можно сделать с помощью метаданных, и в соответствии с инструкциями и справкой на этом сайте я мог бы на самом деле создать следующие метатеги, но я не могу понять, где я могу вызвать файл browserdetect.xml, если у меня есть файл, расположенный по адресу mysitee.com/upload/win8/browserdetetct.xml, и изображения в той же папке
<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"/>
Любая помощь, пожалуйста?
2 ответа
Обновление: Microsoft Edge в Windows 10 и Windows 10 Mobile теперь использует только /browserconfig.xml, поэтому прекратите включать метатеги.
Я вижу, что Microsoft - немного prematurley - обновил свой мастер до Windows 8.1. Что не обратно совместимо с Windows 8.
Вам нужно (в дополнение к моим комментариям в другом посте) старый код с изображением размером 144x144 пикселей:
<meta name="msapplication-TileImage" content="/tileimage-144.png" />
Это будет работать в Internet Explorer 10 в Windows 8 в сочетании с двумя обратно совместимыми тегами, которые у вас уже есть:
<meta name="application-name" content="MySite" />
<meta name="msapplication-TileColor" content="#2d90c6" />
Обратите внимание, что вы не должны использовать application-name если ваш сайт на самом деле не является веб-приложением. (Согласно спецификации HTML5.)
Вы можете протестировать содержимое Windows 8.1 (на самом деле Internet Explorer 11) на виртуальной машине. Microsoft раздает их бесплатно по адресу http://www.modern.ie/en-US/virtualization-tools.
Дальнейшие улучшения: Internet Explore 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 (игнорируйте биты, в которых говорится, что вы должны включить метатег для загрузки файла конфигурации. Пока имя файла browserconfig.xml находится в корневом каталоге, оно будет работать автоматически.)
Делать все чертовски идеально: Windows 8 не требует отступов в их изображении, только прозрачный фон. Однако в Windows 8.1 ожидается, что tile изображений мозаики останется прозрачным для заполнения. Вы будете, как больной большой палец, торчать среди других приложений, если не будете обращать внимания на отступы.
Пример из жизни: я реализовал это на своем собственном сайте в Slight Future, если вы хотите рабочий (начиная с Windows 8.1 Preview 1) пример.
Заключительные мысли: почему Microsoft должна вводить что-то новое для каждой версии Internet Explorer / Windows, я не могу понять. Ничто не обратно совместимо. Для IE 9 / 10 и закрепленных сайтов на панели задач Windows 7 / 8 вам нужен значок в четырех разных размерах.
Вы можете следить за пошаговым руководством / мастером по адресу http://www.buildmypinnedsite.com/