Букмарклет

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску

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

Альтернативное название букмарклетов — «favelets» (от слова «Favorites» — названия закладок в браузере «Internet Explorer»). В русском языке иногда используется вариант «закладурки»[1] («закладка процедурка»).

Веб-браузеры используют адрес ресурса как для перехода по атрибуту href тега <a> , так и для сохранения адреса ресурса в закладке. Первая часть адреса, например, http:, file: или ftp:, указывает используемый в адресе протокол.

Протокол javascript: указывает браузеру, что далее следует код JavaScript, который нужно выполнить.

Пример букмарклета, окрашивающего фон страницы в серый цвет:

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

Пример букмарклета, окрашивающего фон элемента страницы с атрибутом id="content" в тёмно-серый цвет:

javascript:void(document.getElementById('content').style.backgroundColor='darkgray');

Для запуска программного кода используется оператор void, он вычисляет выражение и возвращает undefined.

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

Использование

[править | править код]

Букмарклеты используются как инструменты, придающие браузеру дополнительную функциональность. Они могут, к примеру:

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

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

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

Примечания

[править | править код]
  1. Это мы, закладурки. Дата обращения: 4 сентября 2007. Архивировано 16 сентября 2007 года.
  2. Букмарклеты и правила их написания: http://javascript.ru/unsorted/bookmarklet Архивная копия от 7 октября 2010 на Wayback Machine
  3. JavaScript в каталоге Google: Архивированная копия. Дата обращения: 25 марта 2010. Архивировано 23 марта 2010 года. (англ.)
  4. A browser-based editor for bookmarklets and other Javascript: http://www.4umi.com/web/bookmarklet/edit.php (англ.) Архивная копия от 12 марта 2010 на Wayback Machine