Tampermonkey — расширения для выполнения пользовательских скриптов на страницах сайтов.

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

На тот момент я знал, что существует такое расширение Tampermonkey, так как я подключал через него скрипт от SaveFrom, который позволял скачивать медиафайлы с YouTube, ВКонтакте и прочих подобных ресурсов. Но вот сам я подобных скриптов до того момента не писал.

Решил я устранить этот недочет. Итак сделам краткий обзор этого плагина.

Само меню плагина выглядит таким вот образом

  1. Статус плагина
  2. Пользовательские скрипты, активные на сайте
  3. Открывает дашборд с открытым окном создания нового скрипта, в котором будет добавлена актульная запись для активации скрипта на странице, с которой вы активировали этот пункт меню
  4. Проверка обновления добавленных скриптов. По идее позволяет обновлять скрипты, добавленные с удаленных ресурсов, как SaveFrom например.
  5. Открывает дашборд плагина

Следующим предлагаю рассмотреть дашборд

Здесь находятся 5 вкладок. Перечислю их слева направо:

  1. Создание нового скрипта
  2. Установленные скрипты — перечень скриптов и управление ими (включение/отключение, редактирование, удаление)
  3. Настройки
  4. Утилиты — импорт/экспорт скриптов и настроек
  5. Помощь — список горячих клавиш

Здесь всё довольно просто и понятно.

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

Как видим в скрипте есть блок, похожий на своебразный jsDoc. В нем прописывается информация о плагине(название, автор, версия и тд), сайты, на которых скрипт будет активен, разрешения на выполнение тех или иных действий, подключение сторонних скриптов с интернета (jQuery и тд) и много чего другого, с чем я пока не работал.

Код нашего скрипта мы должны писать в теле анонимной функции, где стоит комментарий // Your code here…

Давайте-ка теперь попробуем написать и выполнить свой первый на Tampermonkey.

Для этого мы должны сделать следующее:

  1. Зайти на сайт, на котором мы хотим выполнить скрипт
  2. Выбрать в меню плагина Create a new script
  3. Прописать код, который мы хотим чтобы у нас выполнился и сохранить скрипт
  4. Обновить страничку, на которой мы решили создать скрипт

Вуаля, скрипт работает. Вот вам мой скринкаст проделанных операций.

P.S: это было вступление к использованию Tampermonkey. Далее я вам покажу как можно использовать его, чтобы пользоваться интернет сайтами было приятнее, или же вы могли бы выполнять некоторые свои операции в автоматическом режиме 🙂

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *