Що таке букмарклет і для чого вони потрібні?

Букмарклет (англ. bookmarklet; bookmark – «закладка» і applet – «аплет») – невелика JavaScript-програма, оформлена як javascript: URL і сохраняемая як браузерна закладка.

Альтернативна назва букмарклет – «favelets» (від слова «Favorites» – назви закладок в браузері «Internet Explorer»). У російській мові іноді використовується варіант «закладуркі» (укр. закладка + процидурку).

Букмарклет можна поміщати на панель закладок. При клацанні по такій закладці запускається JavaScript-програма, яка виконує яке-небудь корисну дію. Дуже часто букмарклет використовують DOM, а так як в різних браузерах реалізація DOM – різна, не всі букмарклет можуть працювати однаково добре в усіх браузерах.

Концепція

Веб-браузери використовують адресу ресурсу як для переходу по атрибуту href тега, так і для збереження адреси ресурсу в закладці. Перша частина адреси, наприклад, http:, file: або ftp:, вказує використовуваний в адресі протокол.

Протокол javascript: вказує браузеру, що далі слід код JavaScript, який потрібно виконати. Наприклад: javascript: void (document.bgColor = 'gray') – забарвлює фон текстової сторінки в сірий колір, що сприяє меншому уставаніе очей. Якщо ж код повертає рядок, то браузер переходить за новою адресою, що задається рядком.

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

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

  • поміняти зовнішній вигляд сторінки (кольори, розмір букв, і т. д.);
  • витягти дані з сторінки, наприклад, всі посилання або всі використовувані зображення;
  • перейти (для зручності зазвичай в новому вікні) до результатів пошуку виділених на сторінці слів;
  • зробити сторінку більш зручною для читання (збільшити шрифт, прибрати яскравий фон і миготливі елементи) і взаємодії (розширити поля введення, підкреслити всі посилання);
  • допомогти веб-розробнику – показати імена стилів, класів, властивості елементів, провести операції з cookie.

Перед використанням букмарклет потрібно занести його до себе в закладки. Найпростіше це зробити перенесенням готової посилання-букмарклет зі сторінки прямо на панель закладок.

Джерело:

  • ru.wikipedia.org – вільна енциклопедія «Вікіпедія»

Додатково про букмарклет:

  • webmascon.com – різні букмарклет для браузерів;
  • lifehacker.ru – різні букмарклет для браузерів;
  • lifehacker.ru – додавання сервісів в будь-який браузер за допомогою букмарклет;
  • nitro.ru – букмарклет для Internet Explorer, а також Opera, Firefox;
  • www.puzzleclub.ru – букмарклет для браузера Opera 9;
  • my-chrome.ru – розширення функціоналу браузера Chrome за допомогою букмарклет;
  • void.by – 10 корисних букмарклет для браузера Opera;
  • tineye.com – сторінка з букмарклет та інструкцією (англ.) від сервісу пошуку картинок tineye.com для браузерів Opera, Safari. Посилання для додавання в закладки – «Пошук картинок»- Слід перетягнути її на панель закладок;
  • ru.savefrom.net – букмарклет від сервісу SaveFrom.net – дозволяє легко завантажувати файли, музику і відео з інтернету (інструкція по інтеграції даного букмарклет в браузер і використанню наведена на сторінці);
  • advisor.wmtransfer.com – додавання в панель посилань браузера кнопки «Перевірити сайт!» і отримання доступу до сервісу WebMoney Advisor без установки на комп'ютер додаткового програмного забезпечення;
  • www.skyur.ru – букмарклет, який дозволяє викликати сервіс Скіур (Сервіс відновлення стрічок новин з новинних веб-сторінок) з будь-якої веб-сторінки;
  • videosaver.ru – швидке та зручне збереження відео за допомогою букмарклет-закладки;
  • www.large.ru – закладуркі: короткий курс;
  • operawiki.info – букмарклет, теорія і практика;
  • fastcoder.org – ознайомча стаття про принципи створення букмарклет з прикладами;
  • www.ibm.com – переклад публікації Уче Огбуйі «Real Web 2.0: букмарклет – легко реалізовані вбудовувані Web-додатки»;
  • www.philburns.com – букмарклет для браузера Opera (Англ.);
  • www.bookmarklets.com – сайт, присвячений букмарклет (англ.)

Додатково від Генон:

  • Як створити кнопки-перекладачі для браузера?
  • Як блокувати банери за окремими словами в посиланнях (маскам URL)?

Category: Інтернет

Comments (Прокоментуй!)

There are no comments yet. Why not be the first to speak your mind.

Leave a Reply