Букмарклет (англ. bookmarklet от bookmark - закладки и applet - апплет) - это браузерная заклдака, выполняющая небольшой JavaScript код, указанный в её URL-адресе, начинающийся с префикса javascript: .

Букмарклеты могут стать хорошей альтернативой браузерных расширений в случае решения ряда простейших задач. С одной стороны, они выполняют небольшой JavaScript-код только по запросу пользователя. С другой стороны, они не занимают память компьютера при запуске браузера, как это бывает в случае с браузерными расширениями.

На данной странице я решил собрать написанные мной букмарклеты и дать ссылки на опубликованные в блоге статьи с их подробным описанием. Думаю, так будет гораздо удобней и практичней.

Ключевые слова:

• (ранее YLW) — сбор подсвеченных ключевых слов в выдаче Яндекс.
• — сбор подсвеченных ключевых слов в выдаче Google.
• — определение плотности ключевых слов на странице: Сохранённая копия > Посмотреть текстовую копию — в Яндекс.
• EWS — экспортирует данные сервиса wordstat.yandex.ru в CSV формат
• — упрощенная версия букмарклета EWS для экспорта ключевиков из таблицы «Что искали со словом...» сервиса «Подбор слов» Яндекс (wordstat) в текстовый список, открывающийся в новой вкладке или окне браузера. Список содержит только ключевики, без частотности, но очищенные от знаков плюс (+).

Нумерация:

• (ранее yaNum) — нумерация выдачи Яндекс
• (ранее gNum) — производит нумерацию результатов поиска в выдаче поисковой системы Google

• NEW! ySERP URLs — выводит список URL-адресов результатов поиска в выдаче поисковой системы Яндекс
• gSERP URLs — выводит список URL-адресов результатов поиска в выдаче поисковой системы Google
• — сбор URL-адресов ссылок с разделением по группам: внутренние (local) и внешние (external).

Картинки:

• — выводит список миниатюр и URL-адресов картинок на текущей веб-странице
• — выводит список миниатюр, URL-адресов картинок и их источников для выдачи Google поиска по картинкам

• — комментарии и Шеры к URL в Google+.

Другое:

• — экспорт всех meta-данных с name, http-equiv и property из секции HEAD веб-страницы.
• — экпорт URLов из feedly.
• — проверка веб-страницы на наличие элементов с размером шрифта меньше 12px в соответствии с новыми требованиями алгоритма Яндекс «Владивосток».
• — удаление CSS-класса hide у элементов с CSS-классом blog-admin , который используется для ссылки редактирования на блогах Blogger.
• — отображение ссылки в бирже покупки ссылок из соцсетей addMeFast.

По данным рейтинга LiveInternet , доля браузеров на движке Blink в Рунете составляет 65% . Это тот самый движок, что работает на многопроцессорной архитектуре Chromium. Например: Google Chrome, Яндекс.Браузерб, Амиго Mail.ru и т. д. Поэтому мои инструкции заточена под них. Хотя, принцип тот же.

Как установить букмарклет?

Установка (англ. install ) букмарклета происходит так же, как и добавление ссылки в закладки браузера, но разберёмся с этим подробнее.

Откройте окно браузера.

Убедитесь, что «Панель закладок» отображена. Если она отсутствует, попробуйте воспользоваться комбинацией клавиш Ctrl +Shift +B .

Перейдите на страницу со «ссылкой букмарклета».

Наведите курсор на «ссылку букмарклета», кликните «левую» кнопку мыши и (удерживая кнопку) перетащите «ссылку букмарклета» на «Панель закладок».

Как создать букмарклет?

Создание (англ. create ) букмарклета происходит так же, как и создание закладки, за исключением того, что вместо URL-адреса ссылки вызывается JavaScript-код, но разберёмся с этим подробнее.

Откройте окно браузера.

Создайте новую закладку. Для этого попробуйте воспользоваться комбинацией клавиш Ctrl +D .

В открывшемся окне созданной закладки, кликните кнопку «Изменить ».

В открывшемся окне редактирования закладки, пропишите название букмарклета в поле «Имя» и JavaScript-код с префиксом javascript: (в начале) в поле «URL». Для оптимизации JavaScript-кода, рекомендую использовать онлайн сервис сжатия « ».

Кликните кнопку «Сохранить ».

Как использовать букмарклет?

Использование (англ. use ) букмарклета происходит так же, как и использование любой другой закладки, т. е. кликом по закладке в «Панель закладок» или «Диспетчере закладок».

Особенностью использования букмарклетов являет то, что вместо перехода по URL-адресу ссылки, выполняется JavaScript-код.

В зависимости от решаемых букмарклетов задач, выполнение его кода должно происходить при соответствующих условиях.

Например, если вы хотите пронумеровать поисковую выдачу Яндекс, с помощью моего букмарклета « », вам нужно открыть страницу выдачи поисковика и только потом кликнуть закладку.

Как удалить букмарклет?

Удаление (англ. delete ) букмарклета происходит так же, как и удаление любой другой закладки.

Откройте окно браузера.

Если «Панель закладок» отображается : найдите на ней букмарклет, наведите на него курсор и кликните правую кнопку мыши, а в открывшемся меню - пункт «Удалить ».

Если «Панель закладок» не отображается : кликните кнопку «Настройки и управление Google Chrome » (она находится в верхнем левом углу окна браузера) , наведите курсор на пункт/список «Закладки », найдите букмарклет, наведите на него курсор и кликните правую кнопку мыши, а в открывшемся меню - пункт «Удалить ».

Изменение страницы

Разработчики Bookmark OS хорошо поработали над тем, чтобы вам было удобно просматривать даже большую коллекцию закладок и быстро находить в ней нужные элементы. Для этого сервис предлагает несколько режимов отображения ссылок и позволяет группировать их с помощью меток и папок.

Интерфейс Bookmark OS разбит на две части. В левой находится список меток и дерево папок. Кликнув по любой из них, вы увидите все соответствующие закладки в правой части окна с наглядными иконками в виде скриншотов. Благодаря кнопкам на панели инструментов можно сортировать ссылки по дате, названию, домену и прочим атрибутам. Другие кнопки позволяют менять режим отображения закладок: список или плитка.

Разумеется, есть возможность поиска по названиям ссылок и папок.

Добавление и редактирование

Добавлять веб-страницы в закладки можно с помощью расширения для браузера или букмарклета - специальной кнопки, которая выносится на браузерную панель. Вы также можете создавать отдельные букмарклеты для выбранных папок, чтобы сервис отправлял ссылки прямо в них и не спрашивал каждый раз путь для сохранения. Кроме того, в Bookmark OS есть функции экспорта и импорта закладок из браузеров.

Отдельного внимания заслуживает возможность редактирования добавленных закладок и папок. Вы можете выделить один или сразу несколько элементов с помощью мышки, а затем перетянуть их в нужную папку или удалить - прямо как в Windows. Но стоит сказать, что в мобильной версии Bookmark OS групповое редактирование отсутствует.

Bookmark OS использует машинное обучение и алгоритмы обработки естественного языка, чтобы сделать добавление закладок ещё проще. Когда вы сохраняете очередную веб-страницу, система анализирует ваши папки, выбирает из них самую подходящую и предлагает поместить новую закладку именно туда.

Сервис иногда ошибается, но в большинстве случаев рекомендует подходящие папки, что избавляет от необходимости указывать путь сохранения вручную.

Кнопка для отмены последнего совершённого действия может не раз спасти ваши данные в подходящий момент.

Пока разработчики не сделали приложения для мобильных платформ, но веб-версия Bookmark OS адаптируется под любые размеры экранов. Система синхронизирует закладки между разными устройствами через облако, так что ваши ссылки всегда будут под рукой.

Кроме того, вы можете открывать доступ к выбранным папкам для своих знакомых. Это позволит вам вместе работать над общими ссылками.

Bookmark OS доступен бесплатно. Но, оформив подписку за 12 долларов в год, вы разблокируете дополнительные настройки отображения, возможность добавлять подпапки, автоматическое создание скриншотов для импортированных закладок и другие платные функции.

Управлять содержимым html страницы можно при помощи букмарклета. В данной заметке опишу простые примеры букмарклета и его использование для заполнение веб форм.

Для написания статьи использовался Crome, возможно в других браузерах есть свои особенности. Самым простым примером использования букмарклета является отображение сообщения в браузере. Для этого, например, можно открыть www.google.ru и после открытия страницы в строку адреса вместо www.google.ru ввести такой код

Javascript:alert("Привет мир");

И нажать Enter, в окне браузера появится сообщение

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

Для это есть несколько вариантов, опишу два из них. Первый создать закладку вручную в меню создания закладок, второй написать html страницу со специально оформленной ссылкой, которую перетащить мышью на панель закладок.
Рассмотрим первый вариант. В Chrome зайдите в меню закладок.

Нажмите "Добавить страницу в закладки" появиться следующее окно

В нем нажмите кнопку "Изменить". И в появившемся окне введите название для закладки и код функции.

После этого нажимаете кнопку "Сохранить". Теперь эта закладка появляется в панели закладок. И для вызова этой функции можно на любой странице нажать на эту закладку.
Рассмотри второй вариант добавления закладки из html страницы. Для этого создадим пустой текстовый файл с названием AddBookmark.html. и вставим в него следующий код:

AddBookmark Сообщение "Привет мир!"

Особенностью ввода JavaScript кода является замена кавычек на их символьное описание ". Теперь откройте страницу в браузере.
Ссылка на букмарклет выделена синим, мышкой перетащите её на панель закладок, если панель закладок не отображается то это можно поправить - https://support.google.com/chrome/answer/95745?hl=ru

Теперь рассмотри некоторые примеры.

1.Изменение цвета фона. В фал html добавьте еще одну ссылку
Серый фон Перетащите её на панель закладок. При запуске закладки на странице www.google.ru получится такой результат:

2.Заполним данные в текстовом поле и поменяем его класс.

Для заполнения текстовых полей, нажатий на кнопку необходимо знать или их name или id. Что бы найти имя поля нужно на него нажать правой кнопкой мыши и выбрать "Посмотреть код". В правой части окна появиться окно с кодом и выделенным текстовым элементом.

В нашем случае находим атрибут id и запоминаем его, у нас это lst-ib. Теперь зная id текстового поля добавим на страницу html новую ссылку на буркмаркет:

Заполнение гугл поиска В нашем случае меняется класс текстового поля на MyClass и он заполняется текстом "Привет мир!".
Добавим новую закладку на панель задач. И перейдём на www.google.ru выполним букмарклет и в результате получим.

Для проверки изменения класса опять откроем код элемента, ранее класс был такой class =" gsfi " теперь class ="MyClass "

Опера и Хром.

А сейчас поговорим о том, как можно делать резервное копирование закладок и настроек всех этих браузеров. Такая необходимость может пригодиться в случаях, например, когда нужно делать переустановку Windows или когда надо перенести все закладки и настройки браузеров на другой компьютер.

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

Начнем….

Скачать программу Bookmarks Backup (0,1 мб.)

Программа Bookmarks Backup не требует установки! Достаточно скачать и запустить ее.

Чтобы сделать копирование закладок и всех остальных настроек своих браузеров, запускаем Bookmarks Backup и в верхней части программы в разделе Backup сначала ставим галочки (1) на тех браузерах, у которых хотим сделать копирование закладок.

Далее нажимаем на кнопку Browse … (2), выбираем на компьютере место (3), где будут храниться эти сохраненные данные, создаем папку (4), например (5). После ввода названия этой новой папки нажимаем на клавиатуре Enter и жмем Ок (6):

Будет дано напоминание, чтобы закрыли все браузеры. Жмем Ок :

Начнется копирование закладок и других настроек всех выбранных браузеров:

После чего будет сказано, что резервное копирование закладок прошло успешно.

Закрываем это окно, — Ок :

Вот и всё! Копирование закладок закончено.

Теперь, можно сохранить созданную нами папку Резервное копирование закладок где-нибудь на съемном носителе, например на флешке, и если придется переустанавливать Windows или переносить закладки в браузер другого компьютера, то данная папка нам пригодится, чтобы сделать восстановление закладок.

Восстановление закладок в Bookmarks Backup

Если понадобиться данная функция, тоже закрываем все запущенные браузеры. Чтобы сделать восстановление закладок, снова запускаем программу и теперь уже переходим в раздел Restore .

Как и при копировании закладок, сначала выбираем браузеры (1), закладки которых хотим восстановить. Далее, через кнопку Locate …(2), находим на компьютере папку Резервное копирование закладок и в ней выбираем папку , в которую были сохранены все настройки браузеров.

Остается нажать на кнопку Restore (3):

Будет дано предупреждение, что наши текущие закладки будут изменены. Они будут заменены теми, которые у нас находятся сохраненными в папке Резервное копирование закладок . Если согласны с этим, нажимаем Да :

Как видим, все достаточно просто!

Попробуйте и Вы сделать резервное копирование закладок через . Мало ли что может быть с операционной системой! А резервная копия закладок и настроек своих браузеров не помешает!