Закладка-букмарклет

Оригинальное название: bookmarklet

Коротко

Закладка браузера, в которой вместо адреса записан короткий JavaScript-код: по клику он выполняется на открытой странице и что-то с ней делает.

Что такое «Закладка-букмарклет»

Обычная закладка хранит адрес вида https://…. Если вместо него записать javascript: и код, браузер при нажатии не перейдёт по ссылке, а выполнит этот код в контексте текущей вкладки. Так получается мини-расширение без установки: одна кнопка на панели закладок, которая работает на любом сайте. Приём появился в конце 1990-х и до сих пор используется разработчиками, SEO-специалистами и редакторами.

Press This и WordPress

Для блогов главным букмарклетом много лет была кнопка Press This. Её брали в разделе «Инструменты» админки и перетаскивали на панель закладок. На любой странице в интернете по клику открывалось окно создания записи с заголовком, ссылкой и выделенным текстом — удобно для подборок новостей и цитат. В WordPress 4.9 функцию убрали из ядра и выпустили отдельным официальным плагином Press This.

Пример: черновик записи из открытой страницы

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

javascript:(function(){
  var u = 'https://example.ru/wp-admin/post-new.php'
    + '?post_title=' + encodeURIComponent(document.title)
    + '&content=' + encodeURIComponent(location.href);
  window.open(u, '_blank');
})();

При сохранении в закладку код обычно записывают одной строкой. WordPress подставит параметры post_title и content в новую запись, если вы вошли в админку.

Другие частые применения:

  • Проверка вёрстки: подсветить все изображения без атрибута alt или показать границы блоков.
  • Быстрые переходы: открыть текущую страницу в редакторе WordPress или в инструменте проверки скорости.
  • Мелкая автоматизация для контент-менеджера: скопировать заголовок и адрес в нужном формате.

Осторожно с чужим кодом

Букмарклет выполняется с теми же правами, что и скрипты самой страницы: он видит содержимое, данные форм и доступные из JavaScript cookie. Поэтому вставлять в закладки код из непроверенных источников, особенно открывая его в админке сайта или интернет-банке, опасно. На мобильных устройствах букмарклеты неудобны, и для регулярных задач надёжнее расширение браузера.

Обновлено:

Все термины раздела «WordPress»

Что будем искать? Например,Продвижение