Как автоматизировать рутину в браузере с помощью GreaseMonkey — без программирования

Как автоматизировать рутину в браузере с помощью GreaseMonkey — без программирования

Если ты тратишь по 10–20 минут в день на одно и то же: копируешь данные с одного сайта, вставляешь в другой, кликаешь по десятку кнопок, меняешь формат дат, убираешь рекламу — ты не ленивый. Ты просто не знаешь, как это автоматизировать. И да, это можно сделать без кода, без Python, без ботов. Достаточно GreaseMonkey — и 15 минут на настройку.

Я сам использовал это годами: в работе с CRM, при парсинге цен на маркетплейсах, при обработке отчётов в Google Sheets. Не потому что я программист — а потому что я устал делать одно и то же вручную. GreaseMonkey — это не инструмент для хакеров. Это кран, который ты сам вкручиваешь в трубу, чтобы вода текла сама.

Что такое GreaseMonkey и зачем он тебе

GreaseMonkey — это расширение для браузера (работает в Firefox, Chrome, Edge и других). Оно позволяет запускать маленькие скрипты — кусочки JavaScript — на определённых сайтах. Ты пишешь, что делать, когда сайт загружается: например, «убрать все баннеры», «добавить кнопку «Экспорт в Excel»», «перевести все даты в формат ДД.ММ.ГГГГ» — и скрипт делает это автоматически.

Это не замена ботам. Это не вмешательство в работу сайтов. Это просто твой личный «микроскоп» — ты видишь, что происходит на странице, и говоришь: «А вот это — сделай за меня».

Почему не просто расширения вроде AdBlock? Потому что AdBlock убирает рекламу. А GreaseMonkey может, например:

  • Добавить кнопку «Скопировать все номера заказов» на странице списка заказов в интернет-магазине;
  • Автоматически подставить твой логин в поле входа на внутреннем портале компании;
  • Заменить все «$» на «₽» на страницах с ценами из США;
  • Скрыть блоки с «рекомендуемыми товарами», которые мешают смотреть реальные данные;
  • Собрать все email-адреса из таблицы и вывести их в отдельном окне.

Ты не меняешь сайт. Ты просто добавляешь к нему свою «надстройку» — как накладку на клавиатуру, которая подсказывает, где какие кнопки.

Как установить и настроить GreaseMonkey

Всё делается за 3 минуты.

  1. Открой браузер (лучше Firefox — он лучше работает с GreaseMonkey, но и в Chrome тоже можно).
  2. Зайди в магазин расширений: для Firefox — addons.mozilla.org, для Chrome — Chrome Web Store (ищи «Tampermonkey» — это аналог GreaseMonkey для Chrome).
  3. Установи расширение. Перезагрузи браузер, если попросит.
  4. Зайди на любой сайт, где хочешь что-то автоматизировать. Нажми на значок расширения (обычно в правом верхнем углу — иконка с «GM» или «T»).
  5. Выбери «Создать новый скрипт».

Откроется редактор. Там уже есть шаблон. Не пугайся — ты не будешь его менять полностью. Просто скопируй сюда готовый скрипт (я покажу ниже) или начни с простого.

Пример: автоматически скопировать все номера заказов

Допустим, ты работаешь с интернет-магазином, где заказы выводятся в таблице. В каждой строке есть номер заказа вида ORD-2024-0045. Ты вручную выделяешь, копируешь, вставляешь в Excel. Устал? Давай сделаем так:

В редакторе скрипта вставь это:

// ==UserScript==
// @name         Copy Order IDs
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Добавляет кнопку для копирования всех номеров заказов
// @author       You
// @match        https://*.example-shop.com/orders*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Проверяем, что мы на нужной странице
    if (!document.querySelector('.order-table')) return;

    // Создаём кнопку
    const button = document.createElement('button');
    button.textContent = 'Скопировать все номера заказов';
    button.style.position = 'fixed';
    button.style.top = '10px';
    button.style.right = '10px';
    button.style.padding = '10px 16px';
    button.style.backgroundColor = '#007bff';
    button.style.color = 'white';
    button.style.border = 'none';
    button.style.borderRadius = '4px';
    button.style.cursor = 'pointer';
    button.style.zIndex = '9999';

    // Добавляем кнопку на страницу
    document.body.appendChild(button);

    // Когда кнопка нажата — собираем все номера заказов
    button.addEventListener('click', function() {
        const orderIds = [];
        document.querySelectorAll('.order-id').forEach(el => {
            if (el.textContent.match(/^ORD-\d{4}-\d+$/)) {
                orderIds.push(el.textContent);
            }
        });

        if (orderIds.length > 0) {
            navigator.clipboard.writeText(orderIds.join('\n')).then(() => {
                alert('Скопировано: ' + orderIds.length + ' номеров заказов');
            });
        } else {
            alert('Номера заказов не найдены');
        }
    });
})();

Сохрани. Перезагрузи страницу с заказами. Появится кнопка в правом верхнем углу. Нажимаешь — и все номера заказов копируются в буфер обмена. Можешь вставить в Excel, Notion, Telegram — куда хочешь.

Вот что важно:

  • @match — указывает, на каких страницах работает скрипт. Здесь — все URL, начинающиеся с https://*.example-shop.com/orders. Замени на свой сайт.
  • .order-id — это CSS-селектор. Ты должен посмотреть в браузере (F12 → Inspect) и найти, какой класс или ID у номера заказа. В моём примере — class="order-id". У тебя может быть td.order-number или span[data-order-id].
  • Скрипт ничего не ломает — он просто добавляет кнопку и копирует то, что уже есть на странице.

Где брать готовые скрипты

Тебе не обязательно писать всё с нуля. Есть десятки тысяч готовых скриптов. Вот где искать:

  • greasyfork.org — крупнейшая база. Ты вводишь запрос: «убрать рекламу на Amazon», «автозаполнение формы в Яндекс.Директ» — и находишь скрипт, который уже работает у других.
  • На GitHub — ищи по запросу greasemonkey site:github.com.
  • На форумах вроде Reddit (r/Greasemonkey) — люди делятся скриптами для специфичных задач.

Пример: ты работаешь с Google Sheets и каждый раз вручную убираешь лишние пробелы в ячейках. Нашёл скрипт на GreasyFork — «Remove Extra Spaces in Google Sheets». Установил — и теперь при открытии таблицы он сам чистит данные. Ты даже не думаешь об этом.

Что выбрать: GreaseMonkey или Tampermonkey?

Это не выбор между «хорошо» и «плохо». Это выбор между «удобно» и «всё равно».

Критерий GreaseMonkey Tampermonkey
Поддержка Firefox Родной, стабильный Работает, но не родной
Поддержка Chrome/Edge Плохая (не обновляется) Отличная, стабильная
Интерфейс Простой, минималистичный Богатый, с управлением версиями
Синхронизация скриптов Нет Да (через Google-аккаунт)
Работа с современными сайтами Иногда ломается на React-сайтах Лучше обрабатывает динамическую загрузку
Для новичка Лучше в Firefox Лучше в Chrome

Если ты используешь Firefox — ставь GreaseMonkey. Если Chrome — Tampermonkey. Разница в 90% случаев несущественна. Главное — чтобы расширение работало и не падало при обновлении страницы.

Частые ошибки (и как их избежать)

Вот что ломает скрипты у новичков — и как это исправить:

  • Скрипт не запускается — проверь @match. Он должен точно совпадать с URL. Если сайт использует HTTPS, а ты написал HTTP — не сработает. Используй *://* для теста, потом уточни.
  • Кнопка не появляется — ты ищешь элемент по классу, а его нет. Открой DevTools (F12), найди номер заказа — посмотри, какой у него класс. Может быть, он динамический — тогда используй querySelector('[data-order-id]') или contains().
  • Скрипт работает, но только после перезагрузки — сайты типа Gmail, Trello, Notion загружают контент через JavaScript. Тебе нужно добавить @grant unsafeWindow и использовать setTimeout или waitForKeyElements (специальная функция для таких случаев).
  • Скрипт ломает дизайн — ты вставил CSS, который перекрывает стили сайта. Не пиши body { background: white; }. Используй !important только если absolutely нужно. Лучше добавляй стили только к своей кнопке или контейнеру.
  • Скрипт копирует не то — ты не проверяешь формат. В примере выше я добавил .match(/^ORD-\d{4}-\d+$/) — чтобы не скопировать случайные числа вроде «12345». Без этого скрипт может скопировать номер телефона или дату.

Когда это работает, а когда — нет

Не все задачи можно автоматизировать. Вот когда стоит пробовать:

  • Ты делаешь одно и то же на одном и том же сайте — 3+ раза в день.
  • Данные структурированы: таблицы, списки, поля с одинаковыми классами.
  • Ты не меняешь данные на сервере — только читаешь и копируешь.
  • Сайт не требует авторизации через CAPTCHA или двухфакторку (если ты не хочешь вводить её каждый раз).

А вот когда не стоит:

  • Ты хочешь автоматически заполнять формы на сайтах с защитой от ботов (например, банки, госуслуги). Это нарушает правила, и скрипт может заблокировать тебя.
  • Сайт использует сложную динамику: React, Vue, Angular, и данные грузятся через AJAX без чётких селекторов. Тебе нужно писать сложные скрипты с ожиданием загрузки — это уже не «15 минут».
  • Ты хочешь парсить данные с сайта, который явно запрещает это в пользовательском соглашении (например, Avito, Ozon). Это рискованно — сайт может забанить твой IP.

Как сделать правильно — практические рекомендации

Вот мой личный чек-лист, который я использую каждый раз:

  1. Начни с простого: добавь кнопку или убери один элемент. Не пытайся сразу сделать «автоматический отчёт».
  2. Используй DevTools (F12) — найди элемент, который хочешь изменить. Посмотри его класс, ID, атрибуты.
  3. Пиши скрипт с проверкой: if (!document.querySelector('.target')) return; — так он не сломает другие страницы.
  4. Тестируй на 2–3 страницах. Не запускай сразу на всех.
  5. Сделай резервную копию скрипта — сохрани его в текстовом файле. Расширение может сброситься при обновлении.
  6. Если скрипт работает — поделись им. На GreasyFork. Другие тоже устанут от рутины.

Не бойся ошибаться. Первый скрипт у меня не сработал. Я 3 часа сидел, гуглил, ломал голову. Потом понял — я искал класс order-number, а он был ord-nr. Один символ — и всё не работало. Это нормально.

Что выбрать в зависимости от ситуации

Вот сценарии — и что делать:

  • Ты работаешь в Firefox, часто заходишь на внутренний портал компании — ставь GreaseMonkey. Напиши скрипт, который автоматически вставляет твой логин и пароль (если не запрещено политикой безопасности). Не хранить пароли в скрипте — просто подставить из буфера.
  • Ты используешь Chrome, парсишь цены на Wildberries — ставь Tampermonkey. Найди готовый скрипт на GreasyFork, который скрывает «рекомендуемые» товары и показывает только реальные цены. Сразу начинаешь экономить 5 минут в день.
  • Ты собираешь email-адреса из списка контактов на сайте — напиши скрипт, который находит все теги <a href="mailto:..."> и выводит их в отдельное окно. Не копируй в буфер — выводи в alert() или console.log(), чтобы не потерять.
  • Ты не знаешь JavaScript — начни с готовых скриптов на GreasyFork. Найди что-то похожее — замени URL и селекторы. Это как шаблон в Word — ты не пишешь с нуля, а подставляешь свои данные.
  • Ты хочешь автоматизировать что-то на мобильном — забудь. GreaseMonkey работает только на десктопных браузерах. На телефоне — только через специальные приложения вроде Kiwi Browser + Tampermonkey, и то нестабильно.

Итог: что делать прямо сейчас

Если ты читаешь это — ты уже устал от рутины. Не жди «когда будет время». Завтра будет то же самое. Сегодня — 15 минут.

  1. Установи Tampermonkey (если Chrome/Edge) или GreaseMonkey (если Firefox).
  2. Зайди на сайт, где ты тратишь время вручную.
  3. Открой DevTools (F12), найди элемент, который хочешь изменить — запомни его класс или ID.
  4. Зайди на greasyfork.org, введи запрос: «[название сайта] [что хочешь сделать]».
  5. Если нашёл — установи. Если нет — создай простой скрипт с кнопкой, как в примере выше.
  6. Проверь — работает? Отлично. Сохрани скрипт в файл. Повтори на следующем сайте.

Через неделю ты будешь удивляться, как жил без этого. И не потому что ты стал «умнее». Просто ты перестал делать то, что мог сделать машина.

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

dfncfg.ru — цифровой мир и технологии