Букмарклет (англ. bookmarklet; bookmark — «закладка» и applet — «апплет») — небольшая JavaScript-программа, оформленная как javascript: URL и сохраняемая как браузерная закладка.
Альтернативное название букмарклетов — «favelets» (от слова «Favorites» — названия закладок в браузере «Internet Explorer»). В русском языке иногда используется вариант «закладурки» (русск. закладка + процедурка).
Букмарклеты можно помещать на панель закладок. При щелчке по такой закладке запускается JavaScript-программа, которая выполняет какое-либо полезное действие. Очень часто букмарклеты используют DOM, а так как в разных браузерах реализация DOM - разная, не все букмарклеты могут работать одинаково хорошо во всех браузерах.
Концепция
Веб-браузеры используют адрес ресурса как для перехода по атрибуту href тега <a>, так и для сохранения адреса ресурса в закладке. Первая часть адреса, например, http:, file: или ftp:, указывает используемый в адресе протокол.
Протокол javascript: указывает браузеру, что далее следует код JavaScript, который нужно выполнить. Например: javascript:void(document.bgColor='gray') — окрашивает фон текстовой страницы в серый цвет, что способствует меньшему уставанию глаз. Если же код возвращает строку, то браузер переходит по новому адресу, задаваемому строкой.
Букмарклеты обычно не возвращают значений, и, таким образом, просто выполняются браузером, имея доступ к открытой в браузере странице. Они могут делать то же самое, что мог бы сделать скрипт, помещённый прямо на странице.
Использование
Букмарклеты используются как инструменты, придающие браузеру дополнительную функциональность. Они могут, к примеру:
- поменять внешний вид страницы (цвета, размер букв, и т. д.);
- извлечь данные из страницы, например, все ссылки или все используемые изображения;
- перейти (для удобства обычно в новом окне) к результатам поиска выделенных на странице слов;
- сделать страницу более удобной для чтения (увеличить шрифт, убрать яркий фон и мигающие элементы) и взаимодействия (расширить поля ввода, подчеркнуть все ссылки);
- помочь веб-разработчику — показать имена стилей, классов, свойства элементов, произвести операции с cookie.
Перед использованием букмарклета нужно занести его к себе в закладки. Проще всего это сделать переносом готовой ссылки-букмарклета со страницы прямо на панель закладок.
Источник:
Дополнительно о букмарклетах:
- 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 — сайт, посвященный букмарклетам (англ.)
Дополнительно от Генон: