Вчера, разбираясь на веб-сервере с ошибками в логах моё внимание привлекли строки, где запрашивался некий несуществующий файл browserconfig.xml. Стал искать информацию, оказалось, что это полезная вещь!

2015/02/09 13:40:50 [error] 1934#0: *836398 open() «/var/www/site.ru/browserconfig.xml» failed (2: No such file or directory), client: 31.*.*.208, server: site.ru, request: «GET /browserconfig.xml HTTP/1.1», host: «site.ru»

Данный файл используют Windows 8.x, Windows Phone 8.x и, вероятно, его будут использовать и все последующие операционки от Микрософт. В том числе Windows 10, которая скорее всего будет удачной.

Вы же знакомы с плиточным интерфейсом Windows? Он сейчас у Микрософт везде, и в десктоп, и в мобильных решениях. Так вот, среди плиток на главном экране могут быть не только приложения, но и ссылки на сайты. В файле browserconfig.xml задаются параметры, чтобы эти ссылки были красивыми.

Сайты среди плиток Windows 8.1

Файл browserconfig.xml запрашивается у сайта именно в тот момент, когда пользователь пытается поместить ссылку на этот сайт себе на главный экран. Ну, может быть, и позднее файл периодически запрашивается, когда ссылка уже находится на главном экране.

В моём случае лог показал, что за сутки, например, для pctuner.ru, к этому файлу происходит до 50 обращений. На мой взгляд, это не так уж и мало и я решил заморочиться. Тем более, что ничего сложного нет.

Пример файла browserconfig.xml:

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="img/win_128x128.png"/>
      <square150x150logo src="img/win_270x270.png"/>
      <wide310x150logo src="img/win_558x270.png"/>
      <square310x310logo src="img/win_558x558.png"/>
      <TileColor>#ebecec</TileColor>
    </tile>
  </msapplication>
</browserconfig>

Это тот минимум, который необходим, чтобы получить плитки в статическом виде. Здесь ссылки на 4 картинки (логотипа) в разных размерах, плюс задаётся цвет фона плитки в формате RGB. Размеры картинок лучше всего подгонять под рекомендуемые значения:

Размер плитки Стандартные размеры плитки Минимальный размер изображения Рекомендуемый размер изображения
Маленькая 70*70 56*56 128*128
Средняя 150*150 120*120 270*270
Широкая 310*150 248*120 558*270
Большая 310*310 248*248 558*558

Кроме статических, плитки могут быть «живыми». Такие способны периодически подгружать информацию с сайта и показывать её на домашнем экране пользователя. Описание можно найти на этом сайте Микрософта. Я пока ограничился простым вариантом.

Попробуйте добавить ссылку на сайт d1mon.com, если у вас Windows 8.x, посмотрите в живую, как оно происходит.

PS

Коротко, как создать ссылку сайта среди плиток. Проще всего это делать в Internet Explorer. Веб-браузер должен работать не в оконном, а в специальном полноэкранном режиме. Открываем нужный сайт, затем нажимаем кнопки 1..2..3, см. следующий скриншот:

Добавление сайта на главный экран