Давайте погрузимся в мир букмарклетов

Что такое букмарклеты?

Букмарклет — это закладка, хранящаяся в веб-браузере и содержащая команды JavaScript, добавляющие новые функции в браузер.

Разработка букмарклета проста и удобна в использовании.

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

Как разработать

Используйте JavaScript в атрибуте href тегов <a> в HTML.
Примером может быть

<a href="javascript: alert('hello world');">click me</a>

Сделайте это в HTML и перетащите на панель закладок, вы только что добавили букмарклет в свой браузер. Разве это не просто?

Весь javascript в вашем букмарклете должен быть минимизирован.

<a href="javascript: fetch('https://api.website.com/endpoint').then((data) => { alert('data'); })"></a>

Букмарклет можно использовать для изменения (или фильтрации) содержимого веб-сайта.
Ниже приведен пример:

<a href="javascript: document.body.innerHTML = '<h1>yeah!</h1>' })"></a>

Основная причина, по которой вам следует подумать о разработке или использовании букмарклета, — это повышение производительности.

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

Есть много способов установить букмарклет. Я покажу один из них, наверное, самый простой.

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

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

  • Перейдите на веб-сайт, где вы хотите использовать свой букмарклет.
  • Щелкните букмарклет на панели закладок. Вы увидите, как происходит волшебство.

Вы можете найти много других готовых букмарклетов в Интернете.

Я надеюсь, что это поможет кому-то там.

Не забудьте упомянуть, что вы сделали в комментариях ниже!

Если вам понравился этот пост, вы можете найти больше:

  • Подпишитесь на меня в Твиттере: @forkbikash
  • Следите за мной на GitHub: @forkbikash
  • Следуйте за мной на этой прекрасной платформе: БИКАШ МИШРА

Твитнуть эту публикацию
Подпишитесь на меня в Twitter @forkbikash

Первоначально опубликовано на https://dev.to 24 июня 2021 г.