Прискорювачі: один клік до потрібного сервісу, Різне, Інтернет-технології, статті

Для того щоб одночасно працювати з різними інтерактивними сервісами – перекладачами, картами, пошукачами і т.п, – користувачеві зазвичай доводиться тримати відкритими відразу декілька вкладок, перемикаючись по черзі між ними. Для вирішення цієї проблеми в Internet Explorer 8 додані спеціальні інструменти – прискорювачі. Як вони працюють і як їх правильно створити?


IE8 створювався як браузер з можливостями швидкого і зручного доступу до веб-контенту. Для цього в ньому є спеціальні компоненти – веб-фрагменти, візуальний пошук – використовують динамічний HTML-код для виведення даних на екран на веб-сторінці. При цьому їх основна відмінність від інших схожих рішень полягає в тому, що сторінку не потрібно перезавантажувати. Проте в IE8 є ще один інструмент під назвою “Акселератор” або “прискорювач”. Він призначений для розширення можливостей контекстного меню за рахунок додавання в нього додаткових команд, асоційованих з веб-сервісами. Так, наприклад, користувач може переглядати корпоративний сайт і, побачивши на ньому корисну для себе інформацію, двома кліками миші додати її в сервіси онлайн-закладок або в текстовий онлайн-редактор, або переглянути переклад того чи іншого слова в словниках та перекладачів. Як створити такий акселератор?


Підготовчий етап


Технологія акселераторів використовує можливість Internet Explorer 8 обробляти команди, вказані в файлах XML (так звана xml activity) через HTTP-запит.


Для додавання акселератора на сторінку потрібно прописати всього лише дві строчки в HTML-код


Для додавання акселератора на сторінку потрібно прописати всього лише дві строчки в HTML-код


Від власника веб-сайту потрібно включити в код сторінок відповідні рядки, в яких в браузер буде передаватися інформація про наявність можливості підключення акселератора. Виглядати все це буде так:



Користувачеві в момент знаходження на сторінці при виконанні будь-якого з дій (виділення / копіювання тексту, перехід по посиланню та інше) буде показуватися запит на додавання акселератора в браузер (Якщо він ще не встановлений) або ж буде відображатися контекстне меню з вибором того чи іншого веб-сервісу, асоційованого з акселератором.


Прискорювачі найкраще встановлювати тільки з довірених джерел


Прискорювачі найкраще встановлювати тільки з довірених джерел


Оскільки акселераторів на сторінці може бути багато і при цьому вони можуть виконувати одну і ту ж функцію, але з використанням різних веб-сервісів (наприклад, шукати дані в Wikipedia або Bing.com), їх необхідно впорядковувати. Саме базове поділ відбувається з розміщення їх в контекстному меню: частина з них може перебувати в корені списку, а решта – в дочірніх списках. Упорядкувати їх в браузері можна в меню налаштувань прискорювачів або за допомогою IEAK в процесі створення власної збірки.


Акселератори упорядковуються по декількох категоріях, але розробники мають право встановлювати власні категорії


Акселератори упорядковуються по декількох категоріях, але розробники мають право встановлювати власні категорії


Крім цього, кожен акселератор має атрибут категорії, який вказується на його приналежність до того чи іншого веб-сервісу. Зокрема, зараз використовуються категорії Add (додати), Blog (публікація в блозі), Define (дати визначення), Map (показати на карті), Send (надіслати), Translate (перевести). Список їх можна розширити за рахунок власних категорій.


Створення XML-файла


Всі основні атрибути і параметри акселератора записуються в XML-файл. Він починається з наступних рядків:



Кожен акселератор повинен містити мінімум три параметри – homepageURL (задає адресу домашньої сторінки прискорювача), display (задає вид відображення прискорювача) та activity (вказує вироблені дії при виконанні). Крім цього є й кілька додаткових, необов’язкових параметрів, які визначають зовнішній вигляд і поведінка акселератора.


Як homepageURL задається існуючу адресу, на якому розташовується веб-сервіс, асоційований з прискорювачем. З цієї адреси повинні починатися і всі інші посилання в XML-файлі.


Далі слід параметр display, що має атрибут name, в якому задається назва акселератора. Воно буде відображатися в контекстному меню і не повинно перевищувати 50 символів. Тут же можна вказати два опціональними параметра прискорювача – його іконку (за допомогою елемента , вказавши повний шлях, наприклад, до файлу fav.ico) і його опис (за допомогою ).


Наступний параметр activity відповідає за дії, що виконуються прискорювачем. Вище ми вже згадували про те, що всі акселератори поділені на категорії, і саме на цьому етапі необхідно вказати приналежність вашого прискорювача однією з 6 стандартних категорій. Зробити це можна за допомогою елемента activity category. Після цього вказуються поведінка прискорювача в залежності від виконуваного користувачем дії. Для цього буде потрібно його визначити – за допомогою activityAction context. За умовчанням цей параметр дорівнює значенню selection, що має на увазі виконання сценарію прискорювача тоді, коли користувач виділив довільний фрагмент тексту на сторінці. Два інших варіанти – document і link, відносяться, відповідно, до цілого документу, відкритому на сторінці і до гіперпосиланням.


За замовчуванням акселератори налаштовані на завантаження при виділенні фрагмента тексту користувачем


За замовчуванням акселератори налаштовані на завантаження при виділенні фрагмента тексту користувачем


Акселератори (так само як і веб-епізоди) підтримують функцію попереднього інформації. Щоб її включити, необхідно задати параметр pview, який зв’язується із запитом, посланим на веб-сервіс.


Вимоги до вікна попереднього перегляду


Вікно попереднього перегляду має бути строго розміру 320 * 240 пікселів з дозволом 96 точок на дюйм. Слід уникати також включення занадто великої кількості даних, що викликає появу ліній прокрутки. У вікні попереднього перегляду дозволені, але небажані скрипти і ActiveX-елементи.


Крім цього, тут встановлюється тип запиту – йдеться про методи POST і GET-запитів. З цього місця в дію вступають додаткові оператори змінних, які укладаються у фігурні дужки: наприклад, створюється параметр {documentUrl} зі значенням “value” = {link} і типом type = “text”. Контент можна закодувати (за замовчуванням включений атрибут enctype рівний application / x-www-form-urlencoded) і примусово виставити кодування (для текстових запитів) за допомогою атрибута accept-charset. Крім тексту допускається можливість інтерпретування і HTML-коду (за підтримки такої функції веб-сервером), однак, подібне рішення виглядає небезпечним.


Після параметра pview в XML-файлі вказується параметр execute, відповідальний за те, що буде відображатися на окремій сторінці, що відкривається в сусідній вкладці браузера. За великим рахунком, тут можна вказати ті ж значення, що і в pview.


Акселератори можуть містити багатомовний контент, наприклад, обробляти запити російською або англійською мовами і виводити відповідно до мови запиту інформацію по-русски або по-англійськи. Для коректної роботи таких прискорювачів необхідно створити кілька XML-файлів під кожну з локалізацій, а веб-сервер повинен передавати заголовки для всіх мов через accept-language.


Прискорювачі можуть працювати з запитами на декількох мовах


Прискорювачі можуть працювати з запитами на декількох мовах


Створення прискорювачів – нескладний процес навіть для неспеціалістів в області HTML, а ефект від використання подібних інструментів може бути величезним за рахунок підвищення юзабіліті веб-браузера.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*