Давайте погрузимся в мир букмарклетов
Что такое букмарклеты?
Букмарклет — это закладка, хранящаяся в веб-браузере и содержащая команды 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 г.