Перейти до вмісту

Букмарклет

Матеріал з Вікіпедії — вільної енциклопедії.
Демонстрація роботи букмарклета, який підраховує кількість слів на сторінці. Показаний браузер Firefox 3.0 на Ubuntu.

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

Альтернативна назва букмарклет — «favelets» (від слова «Favorites» — назви закладок в браузері «Internet Explorer»).

Концепція

[ред. | ред. код]

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

Протокол javascript: вказує браузеру, що далі йде код JavaScript, який потрібно виконати.

Приклад букмарклета, що зафарбовує фон сторінки в сірий колір:

javascript:void(document.body.style.backgroundColor='gray');

Для запуску програмного коду використовується оператор void. Він обчислює вираз і повертає undefined.

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

Використання

[ред. | ред. код]

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

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

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

Створення

[ред. | ред. код]

Для написання букмарклета використовується мова JavaScript (javascript:...)[1]. Може використовуватися редактор букмарклетів [2]. Готовий букмарклет поміщають в адресний рядок браузера та натискають «Enter».

Див. також

[ред. | ред. код]

Примітки

[ред. | ред. код]
  1. Як написати свій букмарклет?. Блоґ одного кібера. 10 березня 2016. Архів оригіналу за 31 березня 2017. Процитовано 31 березня 2017.
  2. Click Me - Scripedit. http://www.4umi.com (англійською) . 2003. Архів оригіналу за 12 березня 2010. Процитовано 10 січня 2017.

Посилання

[ред. | ред. код]