Думали ли вы когда-нибудь, что тот факт, что вы пользуетесь приложениями для знакомств, и то время, которое вы тратите на то, чтобы просто нравиться людям в поисках пары?
Что, если я скажу вам, что есть способ автоматизировать это нажатие кнопки, а затем просто потратить свою энергию на разговор? Звучит гораздо интереснее, правда?
Этот скрипт был создан для работы на Tinder, но он может быть доработан для других сайтов в сегменте, помня, что мы используем браузерную версию Tinder!
В этой статье мы поработаем с манипуляцией DOM с помощью JavaScript, разберемся с селекторами CSS и методом, позволяющим заставить блок кода выполняться за определенное время.
Захват кнопки (DOM)
Прежде всего, нам нужно найти кнопку like во всем HTML-коде.
Анализируя кнопку like, мы видим, что она имеет много динамических классов, что затрудняет повторное использование этого кода, потому что если мы обновим страницу или используем его на новой странице или на другом компьютере, мы заметим, что наш код больше не будет работать.
Одним из способов захвата этой кнопки может быть что-то фиксированное, то есть не меняющееся часто, с помощью этого мы можем понять, что Tinder использует библиотеку тестирования react и имеет поле date-testid="gamepadLike".
Одним из способов захвата кнопки по data-testid будет использование селектора querySelector, мы можем поместить этот селектор в константу, чтобы облегчить себе жизнь в дальнейшем и сделать наш код более читабельным.
const likeBtn = document.querySelector('[data-testid="gamepadLike"]');
Первая часть закончена.
Нажатие на кнопку
JavaScript имеет собственный метод HTMLElement.click(), согласно информации из самой документации:
Это метод, который имитирует щелчок мыши по элементу.
Зная это, мы можем сделать это таким образом, чтобы поставить лайк, хотя бы не нажимая на элемент:
likeBtn.click();
«Автоматизация» рутины
Теперь, чтобы закончить наш ассемблер, нам нужно сделать так, чтобы нажатие кнопки происходило таким образом, чтобы не требовалось наше действие после выполнения кода.
Если посмотреть на методы JavaScript, которые обладают этой функциональностью, то у нас есть setInterval.
Этот метод повторяет вызовы функций или выполняет фрагменты кода с фиксированным тайм-аутом между каждым вызовом.
Мы можем использовать следующее:
window.setInterval(() => likeBtn.click(), 1000);
Помня, что когда мы используем какой-либо метод, который выполняется через заданное время, как в случае с setInterval, мы передаем значение интервала в миллисекундах, в этом случае вышеприведенный фрагмент кода будет выполняться через 1 секунду.
Заключение
После всего этого объяснения, код, который мы видели до сих пор, содержит не более 2 строк:
const likeBtn = document.querySelector('[data-testid="gamepadLike"]');
window.setInterval(() => likeBtn.click(), 1000);
Выполнение кода
- Откройте Tinder из браузера;
- щелкните правой кнопкой мыши на экране и перейдите к осмотру;
- В верхнем меню перейдите в сеанс
Console. - Скопируйте код и вставьте его в поле ниже.
Работающий код
Отзывы, предложения и комплименты оставляйте в комментариях ниже! 🙂