Букмарклет
Букмарклет (англ. 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');
Для запуска программного кода используется оператор void, он вычисляет выражение и возвращает undefined.
Букмарклеты обычно не возвращают значений, и, таким образом, просто выполняются браузером, имея доступ к открытой в браузере странице. Они могут делать то же самое, что мог бы сделать скрипт, помещённый прямо на странице.
Использование
Букмарклеты используются как инструменты, придающие браузеру дополнительную функциональность. Они могут, к примеру:
- поменять внешний вид страницы (цвета, размер букв, и т. д.),
- извлечь данные из страницы, например, все ссылки или все используемые изображения,
- перейти (для удобства обычно в новом окне) к результатам поиска выделенных на странице слов,
- сделать страницу более удобной для чтения (увеличить шрифт, убрать яркий фон и мигающие элементы) и взаимодействия (расширить поля ввода, подчеркнуть все ссылки),
- помочь веб-разработчику — показать имена стилей, классов, свойства элементов, произвести операции с cookie.
- укорачивать ссылки
- отправлять ссылки на данную страницу в социальную сеть
- переводить нужную вам страницу на какой-либо язык
- также букмарклеты могут блокировать определённые элементы на странице (картинки, Flash)
Перед использованием букмарклета нужно занести его к себе в закладки. Проще всего это сделать переносом готовой ссылки-букмарклета со страницы прямо на панель закладок.
Создание
Для написания букмарклета[2] используется язык JavaScript[3] (javascript:…). Может использоваться редактор букмарклетов[4]. Готовый букмарклет поместить в адресную строку браузера и нажать «пуск».
Примечания
- Это мы, закладурки
- Букмарклеты и правила их написания: http://javascript.ru/unsorted/bookmarklet
- JavaScript в каталоге Google: Архивированная копия (недоступная ссылка). Дата обращения: 25 марта 2010. Архивировано 23 марта 2010 года. (англ.)
- A browser-based editor for bookmarklets and other Javascript: http://www.4umi.com/web/bookmarklet/edit.php (англ.) Архивная копия от 12 марта 2010 на Wayback Machine
Ссылки
- Официальный сайт (англ.)
- Букмарклеты на Squarefree.com (англ.)
- Bookmarklets for Opera (англ.)
- Букмарклеты
- Букмарклеты для IE