Створення прискорювача для internet explorer 8

Я працював над функцією прискорювачів деякий час назад, тому у мене накопичився ряд корисних порад і рекомендацій, які допомогли мені більш ефективно створювати прискорювачі. Є також кілька помилок, які я бачив (і з якими я стикався!) Багато разів, тому я розповім про них з метою зробити процес створення прискорювача простіше.

Відео: Як видалити Internet Explorer в Windows 8

створення прискорювача

Прискорювачі спрощують виконання загальних операцій копіювання-навігації-вставки шляхом, дозволяючи користувачам передавати обраний контент з поточної веб-сторінки однієї з обраних веб-служб. На щастя, не дивлячись на те, що ця функція дуже зручна і потужна, написати код для неї досить просто. Ось покрокове керівництво для створення простого прискорювача.

Для початку я створив шаблон прискорювача в якості зразка. Все, що вам необхідно зробити, - просто замінити інформацію в ньому на свою. Зверніть увагу, що для створення прискорювача вам не обов`язково бути провайдером служби, взаємодіє з Вашим сервісом. Якщо ви зможете знайти зазначену інформацію, ви зможете створити прискорювач практично для будь-якої веб-служби.

Ось, що необхідно зробити:

1. Для початку виберіть для вашого прискорювача. Це важливе поле - все інші URL в маніфесті повинні відповідати цьому домену. Взагалі кажучи, для цієї мети краще вибрати домен верхнього рівня.

приклад: https://example.com

2. Введіть абсолютний шлях до значка favicon всередині поля . Тут є маленька хитрість: клацніть правою кнопкою миші на сторінці служби, виберіть пункт "Переглянути вихідний код" і знайдіть файл з розширенням .ico.

приклад: https://example.com/favicon.ico

3. Під полем введіть в поле опис служби в межах 50 символів. Ми рекомендуємо, щоб в опис була включена категорія прискорювача, слідом за яким йде ім`я провайдера служби.

Act with Example.com

4. Виберіть атрибут "category" для поля . Категоріям присвячена окрема стаття, але в даному випадку ми рекомендуємо вибирати з наступних категорій:

• Blog - служба блогів, що дозволяє створювати нове повідомлення в блозі на базі посилання або обраного фрагмента тексту
• Bookmark - служба, що додає посилання в список обраного
• Define - служба, яка дає визначення виділеним на сторінці словами
• Email - служба, що дозволяє створити нове електронне повідомлення
• Find - служба, що здійснює пошук пов`язаного контенту в межах сайту
• Map - служба, що виводить місцезнаходження на карті на базі виділеного користувачем адреси
• Send - служба, яка конвертує веб-дані в дані додатки
• Share - служба, що дозволяє відкрити загальний доступ до заслання (з додатковими коментарями) співтовариству або цілої мережі
• Translate - служба для перекладу поточної сторінки або виділеного фрагмента тексту з однієї мови на іншу

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

5. Виберіть, з якими значеннями повинен оперувати прискорювач - "selection", "link", і / або "document" - і потім додайте їх в якості атрибутів до одного або багатьма елементами .

приклад: ...

Вміст посилання і документа можуть використовувати короткий додатковий опис. Вміст посилання активовано, коли користувач клацає правою кнопкою миші по посиланню і потім запускає прискорювач з виник контекстного меню. Точно так же вміст документа активується, коли користувач клацає правою кнопкою миші безпосередньо на сторінці і використовує контекстне меню, або відкриває меню Сторінка і запускає що-небудь з підміню "Все прискорювачі".

6. Далі заповніть атрибут "action" елемента URL-адресою служби, яку ви хочете використовувати. Для того, щоб передати дані вашої службі, дивіться розділ про змінні.

приклад:

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

Ви можете додати вікно попереднього перегляду через елемент . Я написав фрагмент коду вікна з попереднім переглядом нижче.

приклад:

У наступних розділах наведено більш детальна інформація вищесказаного.

змінні

IE пропонує ряд змінних, використовуваних з прискорювачами. Нижче наведено список найбільш поширених з них:

• {Selection} - виділення користувачем всередині сторінки. Доступний тільки в контест виділеного фрагмента.
• {DocumentUrl} - URL веб-сторінки, звідки викликається прискорювач
• {DocumentTitle} - представляє заголовок веб-сторінки, звідки викликається прискорювач
• {Link} - URL сторінки, вибраної користувачем
• {LinkText} - текст обраної користувачем URL-сторінки.

З повним списком змінних можна ознайомитися тут.

Існує два методи передачі цих змінних службі через прискорювач. Перший метод здійснюється через рядок запиту:

Відео: Прискорення командної роботи із застосуванням SharePoint і IE 8

Другий - через один або більше тег :

Відео: How To: Internet Explorer 8 Web Accelerators

Зверніть увагу, що використання елемента

Додавання функції попереднього перегляду

Попередній перегляд є, ймовірно, найбільш помітною функцією прискорювачів і однією з найбільш корисних в разі ефективної її реалізації.

Попередній перегляд прискорювача представлений вікном розміром 320x240 пікселів. З огляду на це, більшість прискорювачів, що використовують дану функцію, створюють спеціальне вікно для попереднього перегляду.

Ключем до ефективного використання попереднього перегляду є відображення максимальної кількості важливої інформації на базі інформації, відправленої користувачем, з подальшою підгонкою результату під розмір вікна попереднього перегляду.

Наприклад, прискорювач BingMaps відображає місце розташування обраного адреси за допомогою власного UI, що масштабується до розміру 320x240:

Зверніть увагу, що ви можете передати змінні до вікна попереднього перегляду тим же самим шляхом, що й при запуску. Так, наприклад, прискорювач вище використовує параметр {selection}.

Інша корисна для мініатюри правило - час завантаження. Якщо вікно попереднього перегляду завантажується більше, ніж за половину секунди, то, можливо, це занадто багато з точки зору користувача.

Один прийом, який може виявитися корисним, передбачає використання мобільної версії служби для вікна попереднього перегляду. Ми навмисно обмежили розміри вікна попереднього перегляду, щоб забезпечити сумісність з мобільними службами.

тестування прискорювача

Як тільки ви завершили створення прискорювача, саме час його протестувати. Для цієї мети є javascript API. Наведений нижче код створить посилання, що викликає діалог установки прискорювача:

Відео: Lesson 4 Accelerator in Internet Explorer 8 Video Lecture in Hindi

Install me

Щоб все це запрацювало, вам знадобиться робочий веб-сервер, інакше спроба відкрити посилання зі сторінки на вашому жорсткому диску призведе до помилки. Можна використовувати будь-який локальний сервер, наприклад сервер ASP.NET з Visual Studio.

Якщо спроба запуску пройшла успішно, ви побачите діалог установки прискорювача. У зворотному випадку ви побачите приблизно наступне:

Незалежно від того, коли я бачу цей діалог, є кілька помилок, які можуть викликати його появу.

закодовані символи

Перша помилка має безпосереднє відношення до XML. При проходженні рядків запитів, дуже часто в складових аргументах використовується символ амперсанда. На жаль, це зарезервований символ в XML, але використовуючи його в якості литерала в рядку запиту може привести до помилки. Замість цього слід замінити його на "", наприклад, так:

Відповідність доменному вимогу

Друга помилка пов`язана з тегом . Щоб належним чином визначити службу, потрібно, щоб посилання, певні в , атрибут дії , і атрибут дії - всі перебували в одному і тому ж домені. Якщо це не відбувається, з`являється помилка.

тестові випадки

Після того, як ви встановили прискорювач, є кілька сценаріїв, в яких бажано протестувати прискорювач, оскільки вони часто є причиною збоїв в роботі існуючих прискорювачів:

• Пусте вміст - що станеться, якщо вашій службі буде передано порожнє повідомлення? Чи передбачено у вас для цього відповідне повідомлення?
• Багаторядкове вміст - чи вміє ваша служба обробляє переноси рядків? Ви повинні упевнитися в тому, що служба правильно обробляє символ повернення каретки ( "% 0d% 0a" в URL) і замінити його на відповідний символ, наприклад, на пробіл.
• Скрипт - іноді обраний користувачем фрагмент може бути пов`язаний зі сценарієм javascript. Якщо ви вибрали HTML, ваша служба повинна відфільтрувати цей сценарій на сервері з міркувань безпеки.
• Велике виділення - прискорювачі обмежують запити GET 2048 символами. Тому якщо ви бажаєте, щоб ваш прискорювач міг працювати з великими обсягами даних, вам слід звернути свою увагу на використання POST.

Наступні кроки і висновок

Як тільки ви створили класний прискорювач, ви можете завантажити його в галерею доповнень IE. Це відмінний спосіб продемонструвати свої успіхи і привернути увагу громадськості до прискорювача.

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