Спонсор: Microsoft
Опубликован: 24.05.2010 | Уровень: специалист | Доступ: платный
Самостоятельная работа 9:

Создание ускорителей в IE8, в том числе с функцией предпросмотра

Создание ускорителя

В качестве инструмента создания веб - фрагмента воспользуемся Expression Studio web 2.0

В качестве примера ускорителя создадим поиск по google.

  1. Для простоты создадим веб сайт на основе готового шаблона

  2. В качестве шаблона в окне New выберем, к примеру Organisation5

    Предпросмотр сайта в IE8

  3. Добавим xml - файл к данному веб - порталу, выбрав в меню File-New-Page.

    В окне New выберем Xml

  4. Поскольку наш ускоритель будет осуществлять поиск по google в разделе homepageUrl зададим адрес домашней страницы поисковика google
    <homepageUrl>http://google.ru</homepageUrl>
  5. В разделе name укажем имя ускорителя
    <name>Поиск в Google</name>
  6. В разделе execute method введем следующее
    <execute method="get" 
         action="http://www.google.ru/search?hl=ru&amp;source=hp&amp;q={selection}" />

    Небольшое пояснение: по сути мы ввели в раздел action поисковый запрос google, получили мы его следующим образом:

    В поисковике google выполнили произвольный запрос, к примеру asp, и получили строку вида

    http://www.google.ru/#hl=ru&newwindow=1&q=asp&lr=&aq=f&oq=asp&fp=efd878c0817b5b99

    Затем, чтобы пользователь мог осуществить поиск через google любого выделенного им слова мы заменяем asp&lr=&aq=f&oq=asp&fp=efd878c0817b5b99 на переменную {selection}, обозначающую выделенный пользователем фрагмент.

    Далее, поскольку символ "&" является зарезервированным символом xml, мы заменяем его на "&amp;".

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

  7. Сохраняем данный xml - файл в нашем проекте под именем google.xml

  8. Теперь нужно добавить созданный ускоритель в IE8. Для этого переходим на страницу default.html

    В данном случае, мы сделаем, чтобы при нажатии на заголовок Heading 2 выполнялся google.xml

    Для этого переписываем часть кода, относящуюся к данному заголовку, а именно следующий фрагмент:

    <h2>Heading 2</h2>

    Добавим событие onclick к заголовку, при котором будет выполняться сервис запуска нашего xml - файла

    <h2 onclick="window.external.AddService('google.xml')">
       Heading 2
    </h2>
  9. Сохраняем внесенные изменения

    Итоговый xml-код созданного ускорителя:

    <?xml version="1.0" encoding="UTF-8" ?> 
    <openServiceDescription xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0">
      <homepageUrl>http://www.google.ru</homepageUrl> 
      <display>
        <name>Поиск в Google</name> 
      </display>
      <activity category="Find">
        <activityAction context="selection">
          <execute method="get" 
            action="http://www.google.ru/search?hl=ru&amp;newwindow=1&amp;q={selection}" /> 
        </activityAction>
      </activity>
    </openServiceDescription>
  10. Чтобы убедиться в работоспособности ускорителя нужно запустить сайт, но не с локального диска, а через localhost. Для этого выберем пункт меню Site Settings

    И во вкладке Preview в разделе Preview using website URL выберем пункт For all web Pages


  11. Запустив сайт и щелкнув на Header2 увидим следующее окно:

    Нажмите "Добавить"

  12. Теперь в списке ускорителей появится только что созданный нами
  13. Выбрав его, мы перейдем на страницу поисковой системы google с результатами запроса по выделенному нами фрагменту. Например выделим текст Event Descrition на странице News и выполним Поиск в Google

    Результат:

Екатерина Соколова
Екатерина Соколова
Россия, Ухта
Никита Гекторов
Никита Гекторов
Украина, Донецк