Андрей Смирнов
Время чтения: ~8 мин.
Просмотров: 1

Что такое Tampermonkey и как им пользоваться

Tampermonkey — расширение для браузера, с помощью которого можно управлять пользовательскими скриптами для различных сайтов. Данное расширение является чрезвычайно популярным, потому что оно позволяет автоматизировать повседневные задачи, улучшать определенные сайты, меняя их внешний вид, добавляя новые функции или скрывая нежелательные вещи.

Установка расширения Tampermonkey 

Ссылки для скачивания можно найти на официальном сайте расширения. Расширение существует для ChromeMicrosoft Edge, SafariOpera Next и Firefox

Как пользоваться Tampermonkey

После установки расширения вам необходимо найти пользовательский скрипт с необходимыми вам функциями для нужного сайта или написать собственный скрипт.

Давайте рассмотрим процесс написания собственного скрипта для автоматизации какого-нибудь действия.

Есть футбольный онлайн менеджер Живи Футболом. Один из способов заработать там виртуальную валюту для своего клуба – это заключать контракты на показ рекламы во время домашних матчей. На бесплатном аккаунте необходимо заходить раз в 15 минут на страницу и проверять возможность заключить более выгодный контракт. Если есть возможность заключить новый контракт, то надо нажать на зеленую стрелочку.

2019-06-18_23-17-22.png

Давайте автоматизируем данное действие с помощью Tampermonkey и нашего скрипта в браузере Google Chrome.

Для создания нового скрипта необходимо нажать на значок расширения, а потом выбрать «Создать новый скрипт…».

2019-06-18_23-24-47.png

В открывшемся окошке мы будем писать наш скрипт. Сначала заполняем начальные параметры:

 // ==UserScript==  // @name         Живи Футболом! Рекламные контракты…  // @namespace    https://pogrommist.ru/  // @version      0.1  // @description  Живи Футболом! Подписывай лучшие рекламные контракты!  // @author       pogrommist.ru  // @match        *://soccerlife.ru/base.php?mode=adverts  // @grant        GM_setValue  // @grant        GM_getValue  // ==/UserScript==

Дальше напишем код, который будет запрашивать разрешение на вывод уведомлений в браузере.

document.addEventListener('DOMContentLoaded', function () {   if (!Notification) {     alert('Оповещения недоступны в вашем браузере. Используйте Chrome!');     return;   }    if (Notification.permission !== 'granted') {     Notification.requestPermission();} });

Наш скрипт запускается только на странице *://soccerlife.ru/base.php?mode=adverts, поэтому если мы сейчас зайдем на главную страницу, то ничего не увидим нового. А если зайдем на страницу с рекламными контрактами, то браузер запросит у нас разрешение на показ уведомлений.

2019-06-18_23-35-36.png

Теперь напишем функцию, которая будет показывать нам уведомления:

function notifyMe(text) {    if (Notification.permission !== 'granted'){      Notification.requestPermission();}    else {      var notification = new Notification('Активное предложение', {        icon: 'https://img.icons8.com/color/48/000000/money-bag.png',        body: text,      });  }  }

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

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

function check() {      var div_up = document.getElementById("billboard_arrow_up").className;      var div_down = document.getElementById("billboard_arrow_down").className;      var div_left = document.getElementById("billboard_arrow_left").className;      var div_right = document.getElementById("billboard_arrow_right").className;      if (div_up=="billboard_arrow billboard_hidden" && div_down=="billboard_arrow billboard_hidden" &&          div_left=="billboard_arrow billboard_hidden" && div_right=="billboard_arrow billboard_hidden") {          //notifyMe("Ничего интересного. Ждем следующее предложение…");      }      else {notifyMe("Можно заключить контракт!");            document.getElementById("billboard_arrow_left").click();            document.getElementById("billboard_arrow_up").click();            document.getElementById("billboard_arrow_right").click();            document.getElementById("billboard_arrow_down").click();            notifyMe("Заключили контракт!");           }  }

Остается только написать периодический вызов функции для проверки доступности активных предложений:

(function() {     'use strict';      var div = document.getElementById("billboard_offer_cost");      setInterval(function(){      check();      location.reload();},                  300000);  })();

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

Вот так мы автоматизировали один из процессов в онлайн игре.

Доброго времени суток… Как известно, с помощью данного расширения SaveFrom.net можно скачивать видео и музыку с YouTube. Также и с других сайтов на свой ПК. В Google Chromeэто можно было делать какое-то время. Теперь, на данный момент, SaveFrom.net не доступен для этого браузера. Из-за каких-то новых политик корпорации Google. Как производиться  установка SaveFrom.net в Google Chrome рассмотрим в этой статье.

Почему Google запретил использование данного расширения? Дело в том что видео хостинг YouTube принадлежит корпорации Google и по этому Google заинтересован в том, чтобы пользователь просматривал видео ролики именно на Ютубе.

При воспроизведении видео роликов идёт показ рекламы. А это как Вы знаете неплохая прибыль для Google. Но всё же, расширения SaveFrom.net отлично работает в других браузерах.

Содержание

Установка SaveFrom.net в Google Chrome

Если сейчас мы постараемся напрямую установить SaveFrom.net в Google Chrome, у нас ничего не получится (можете проверить), проверили??? Увидим вот такую картинку.

SaveFrom.net_.png

Но не стоит отчаиваться. Мы пойдём другим путём. Немного обойдём этот хитрый замысел Google. Поможет нам в этом расширение Tampermonkey. Которое даёт возможность добавлять пользовательские скрипты в браузер  Google Chrome.

Скачивание и установка Tampermonkey

Идём в «Настройки и управления Google Chrome». Далее «Дополнительные настройки», «Расширения»,»Ещё расширения». В строке поиска (вверху слева) увидите tampermonkey. Отметьте пункт расширение и нажмите «Установить».

tampermonkey.png

Идём дальше… 

Скрипт helper.user.js в Tampermonkey

Переходим по этой ссылке. Жмём по кнопке «Установить».

tampermonkey1.png

В следующем открывшемся окне спускаемся в самый низ страницы. Жмём на ссылку выделенную на данном изображении.

tampermonkey2.png

После нажатия откроется окно с рекомендациями о том, как можно будет установить расширение в Google Chrome. В окне будет находится два пункта. Первый мы уже выполнили. Когда установили расширение Tampermonkey. Теперь осталось установить скрипт helper.user.js в этом окне, жмём на ссылку.

tampermonkey3.png

В следующем открывшемся окне жмём «Установить». Для установки SaveFrom.net helper.

tampermonkey4.png

Для того чтобы проверить установку скрипта savefrom.net helper в расширении Tampermonkey, необходимо кликнуть по значку расширения Tampermonkey. В открывшемся контекстном меню выбираем «Панель».

tampermonkey5.png

В следующем окне Вы увидите что в браузер Google Chrome был подключен скрипт SaveFrom.net helper.

tampermonkey6.png

Теперь можете войти на видео хостинг YouTube, для поиска и скачивание видео на свой компьютер. Предварительно выбрать нужный формат видео и нажать на соответствующую ссылку.

Tampermonkey7.png

На этом буду статью заканчивать. Предлагаю ещё почитать статьи на тему полезные команды в Google Chrome [небольшой список], плагины для Google Chrome [подборка от Soft-click.ru]. Вот как то так, всё проще простого…

tampermonkey-yanbr-1-469x536.jpg

2.Пролистать открывшуюся страницу до конца и нажать кнопку «Каталог расширений для Яндекс.Браузера».

tampermonkey-yanbr-2-374x126.jpg

3.Откроется интернет-магазин Оперы, в правом верхенм углу которого есть строка поиска. Введя туда нужное значение, вы найдете, интересующее вас расширение.

tampermonkey-yanbr-3-550x159.jpg

4.Остается нажать кнопку «Добавить в Yandex.Browser».

tampermonkey-yanbr-4-550x204.jpg

После окончания установочного процесса, справа от строки поиска появится значок нового расширения.

tampermonkey-yanbr-5-542x300.jpg

Tampermonkey Opera можно установить таким же способом, как был описан выше – из интернет-магазина разработчика программы. Порядок установки будет такой:

1.Нажать в меню кнопку «Загрузить расширения».

tampermonkey-yanbr-6-550x478.jpg

2.Откроется интернет-магазин Opera. Необходимо ввести в строке поиска название интересующего вас аддона.

tampermonkey-yanbr-7-550x226.jpg

3.Нажать кнопку «Add to Opera».

tampermonkey-yanbr-8-550x163.jpg

После инсталляции значок нового дополнения появится на экране.

tampermonkey-yanbr-9-470x268.jpg

Данный способ можно применять и для других веб-обозревателей, работающих на движке Cromium. Установка выглядит следующим образом:

1.Открыть в меню Google Chrome раздел «Дополнительные инструменты» и выбрать «Расширения».

tampermonkey-yanbr-10-550x346.jpg

2.В открывшейся вкладке нажать кнопку «Открыть интернет-магазин Chrome».

tampermonkey-yanbr-11-550x666.jpg

3.На загрузившейся странице ввести в поисковую строку название дополнения и нажать кнопку Enter.

tampermonkey-yanbr-12-550x180.jpg

4.Выбрать нужный вариант из предложенных и нажать кнопку «Установить».

tampermonkey-yanbr-13-550x160.jpg

По окончании установочного процеесса значок дополнения появится справа от строки поиска браузера.

Пользователи веб-обозревателя Mozilla Firefox могут скачать Tampermonkey из магазина плагинов. Сделать это можно следующим образом:

1.Выбрать в меню программы раздел «Дополнения».

tampermonkey-yanbr-14-550x262.jpg

2.Ввести в строке поиска название нужного продукта.

tampermonkey-yanbr-15-550x218.jpg

3.Выбрать из предложенных вариантов нужный.

4.Нажать кнопку «Добавить в Firefox».

tampermonkey-yanbr-16-550x219.jpg

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

tampermonkey-yanbr-17-338x406.jpg

Кликнув на вкладку «Панель управления», пользователь откроет новую страницу браузера, в которой будут содержаться все необходимые настройки Tampermonkey.

tampermonkey-yanbr-18-550x193.jpg

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

tampermonkey-yanbr-19-550x208.jpg

Разберем пример. Существует браузерная игра Slither.io, для которой существуют скрипты Tampermonkey. Они позволяют улучшить качество графики, увеличить изображение, добавить новые серверы и многое другое. Открыв расширение в Opera или другом веб-обозревателе, можно скопировать установить скрипт нажатием соответствующей кнопки на экране или просто скопировав код в соответствующее поле.

tampermonkey-yanbr-20-550x250.jpg

Найти скрипты для других игр и задач можно в любой поисковой системе.

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

Еще можете почитать:Как установить Яндекс Бар для Mozilla Firefox?

Видео по теме:

  • Embedded thumbnail
  • Используемые источники:

    • https://pogrommist.ru/2019/06/chto-takoe-tampermonkey-i-kak-im-polzovatsja/
    • https://soft-click.ru/windows/servisy-i-programmy/ustanovka-savefrom-net-v-google-chrome.html
    • https://brauzerok.ru/yandeks/addon-tampermonkey-populyarnyh-brauzerov

    Рейтинг автора
    5
    Подборку подготовил
    Максим Уваров
    Наш эксперт
    Написано статей
    171
    Ссылка на основную публикацию
    Похожие публикации