Блог Сергея Байдачного

Мой блог о технологиях

Pinned sites и Jump Lists

4 комментария

Данная функциональность позволяет еще сильнее интегрировать Internet Explorer 9 с пользовательским интерфейсом Windows 7. Идея состоит в том, что пользователь легко может закрепить ссылку на сайт на панели задач или в Program Menu. Для этого достаточно потянуть за закладку, в которой сейчас открыт интересующий пользователя сайт и переместить ее на желаемый интерфейсный элемент в Windows 7. Также можно выполнять перетягивание, перемещая иконку сайта из адресной строки:

image

Чтобы данная функциональность работала, сайт не обязан предоставлять какую-то дополнительную информацию. Но, если Вы все же решили показать пользователю немного больше, чем ссылку на Ваш сайт, то можете выполнить небольшие изменения в коде. Рассмотрим эти изменения на примере сайта dengi.ua, который наряду с kp.ua, football.ua и др., реализует описываемую функциональность в полной мере.

Итак, если перетянуть иконку сайта dengi.ua на Task Bar или в Program Menu, то можно будет увидеть следующую картину:

image

image

Как видите, со ссылкой на сайт было добавлено специальное меню, содержащее ссылки на другие подпроекты dengi.ua.

Давайте рассмотрим код сайта.

Первое, на что нужно обратить внимание, это несколько meta элементов, описывающих основную ссылку:

<meta name="application-name" content="Dengi.ua" />
<meta name="msapplication-tooltip" content="Сайт о личных финансах" />
<meta name="msapplication-starturl" content="
http://dengi.ua/" />

Не сложно догадаться, что тут описывается название, всплывающая подсказка и ссылка на приложение, открываемое основной иконкой.

А вот следующие несколько элементов, описывают дополнительные пункты меню в разделе Задачи:

<meta name="msapplication-task" content="name=Полезные цифры;action-uri=http://dengi.ua/usefullDigits.html;   icon-uri=http://dengi.ua/favicon.ico" />
<meta name="msapplication-task" content="name=Зарплатный калькулятор;action-uri=
http://dengi.ua/sal_calc.html;  icon-uri= http://dengi.ua/favicon.ico" />

Вот и все. Такое небольшое расширение позволяет всем Вашим проектам уместиться на Панели задач пользователя.

Если Вы заинтересовались этой возможностью, то хочу добавить, что сайты можно размещать на панели задач и программным путем:

if (window.external.msIsSiteMode) {
  if (window.external.msIsSiteMode()) {
    // we are already in site mode
  }
  else {
    // add site to the Programs menu
    window.external.msAddSiteMode()
  }
}

Наконец, Вы можете выполнять наложение нескольких иконок программным путем:

window.external.msSiteModeSetIconOverlay(
http://host/overlay1.ico’,’Overlay 1′);
window.external.msSiteModeClearIconOverlay();

Последнее нужно для того, чтобы иметь возможность динамически изменять информацию в панели задач. Например, отображать количество не прочитанных писем.

Реклама

Written by Sergiy Baydachnyy

15.09.2010 в 18:33

Опубликовано в Internet Explorer 9

Tagged with

комментария 4

Subscribe to comments with RSS.

  1. […] детально о Pinned Site можно почитать в блоге Сергея Байдачного или посмотреть […]

  2. Спасибо! Прикрутил фичу к своему сайту на WordPress. Была только проблема с кодировкой текста в теме, заработала только с UTF-8, до этого писал русский текст ромбиками.
    Еще раз спасибо 😉

  3. […] вдохновением от статьи Сергея Байдачного (Microsoft) о новых возможностях браузера Internet Explorer 9, […]


Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s

%d такие блоггеры, как: