Букмарклеты — это изящные небольшие инструменты, позволяющие выполнять собственный код JavaScript прямо в браузере. Они обеспечивают быстрый и удобный способ улучшить работу в Интернете и автоматизировать повторяющиеся задачи. В этой статье мы рассмотрим концепцию использования внешнего файла с букмарклетом, открывающую совершенно новый уровень гибкости и удобства обслуживания. Так что хватайте свой любимый напиток и давайте окунемся в мир внешних файлов закладок!

Метод 1: встроенный букмарклет JavaScript
Самый простой способ создать букмарклет — использовать встроенный код JavaScript непосредственно в поле URL-адреса закладки. Вот пример:

1. Создайте новую закладку в браузере.
2. В поле URL введите следующий код:

javascript:(function() {
  // Your inline JavaScript code here
})();

3. Замените комментарий нужным кодом JavaScript.

Хотя этот метод прост, он становится громоздким при работе с большими или сложными фрагментами кода. Вот тут-то и приходят на помощь внешние файлы!

Метод 2: связывание внешнего файла JavaScript
Чтобы использовать возможности внешних файлов, мы создадим файл JavaScript и разместим его на сервере или в облачном хранилище. Давайте посмотрим, как это делается:

1. Создайте новый файл JavaScript, например, «bookmarklet.js», и напишите в нем свой код:

// bookmarklet.js
(function() {
  // Your JavaScript code here
})();

2. Загрузите файл «bookmarklet.js» на сервер или в облачное хранилище.

3. Создайте новую закладку в браузере.

4. В поле URL введите следующий код:

javascript:(function() {
  var script = document.createElement('script');
  script.src = 'https://example.com/bookmarklet.js'; // Replace with the URL of your hosted file
  document.body.appendChild(script);
})();

5. Замените URL-адрес фактическим местоположением вашего файла «bookmarklet.js».

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

Метод 3: использование CDN
Если вы предпочитаете не размещать файл JavaScript самостоятельно, вы можете воспользоваться сетями доставки контента (CDN). CDN предлагают бесплатный хостинг для популярных библиотек и фреймворков, что делает их легко доступными. Вот как использовать CDN с вашим букмарклетом:

1. Выберите поставщика CDN и найдите URL-адрес библиотеки JavaScript, которую вы хотите включить. Давайте воспользуемся jQuery в качестве примера.

2. Создайте новую закладку в браузере.

3. В поле URL введите следующий код:

javascript:(function() {
  var script = document.createElement('script');
  script.src = 'https://cdn.example.com/jquery.min.js'; // Replace with the CDN URL
  document.body.appendChild(script);
})();

4. Замените URL-адрес фактическим URL-адресом CDN выбранной вами библиотеки.

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

Зная встроенные букмарклеты JavaScript, связывая внешние файлы JavaScript и используя CDN, вы теперь обладаете мощным арсеналом, позволяющим расширить возможности просмотра. Используя гибкость и удобство обслуживания, обеспечиваемые внешними файлами букмарклетов, вы можете создавать сложные инструменты и легко автоматизировать задачи. Так что вперед и начните создавать свою собственную коллекцию закладок, чтобы покорить Интернет одним щелчком мыши!