Automatizando는 Tinder com JavaScript를 좋아하지 않습니다.

Você já pensou em algum momento que o fato de utilizar aplicativos de relacionamentos e o tempo que gasta só dando like nas pessoas procurando por um match?

E se eu te disser que tem uma maneira de automatizar essa ação de clicar em um botão para depois você apenas gastar suas energias com a conversa? 당신은 관심이 있습니까?

Tinder가 아닌 기능을 제공하는 Esse 스크립트, Tinder가 아닌 다른 사이트를 참조할 수 있는 세그먼트, lembrando que estamos utilizando a versão do Tinder no navegador!

Nesse artigo, vamos trabalhar com manipulação de DOM pelo JavaScript, entender sobre seletores CSS e um método de como fazer um bloco de codigo ser executado em determinado período de tempo.

Capturando o botão (DOM)

가장 중요한 것은 HTML 코딩이나 할 일과 같은 것입니다.



Analisando o botão de like, vemos que tem muitas class dinâmicas e que isso dificultaria no momento de reutilizar esse código, pois se dermos um refresh na página ou utilizarmos em uma nova página ou em outro computador, percebemos que nosso código não vai mais funcionar.

Uma maneira de conseguirmos capturar esse botão com algo que é fixo, ou seja, não muda com frequência, com isso, podemos perceber que o Tinder usa react testing library e tem o campo data-testid="gamepadLike" .

Uma maneira de capturar o botão pelo data-testid seria utilizar o seletor querySelector , podemos colocar esse seletor em uma constante para facilitar nossa vida depois e deixando nosso código mais legível.
const likeBtn = document.querySelector('[data-testid="gamepadLike"]');


Primeira parte finalizada.

Clicando no botão

O JavaScript tem um método nativo que é HTMLElement.click() , segundo informações da própria documentação :

É um método que simula o clique do mouse em um elemento.

Sabendo disso, podemos fazer dessa maneira para dar um like sem ao menos clicar no elemento:
likeBtn.click();
로티나 "Automatizando"

Agora, para finalizar nossa linha de montagem, precisamos fazer com que o clique no botão aconteça de uma forma que não exact mais da nossa ação após rodar o código.

Olhando os métodos do JavaScript que tem essa funcionalidade, temos o setInterval .

Esse método repete chamadas de funções ou executam trechos de código, com um tempo de espera fixo entre cada chamada.

Seguinte forma를 사용하는 Podemos:
window.setInterval(() => likeBtn.click(), 1000);
Lembrando que quando utilizamos algum método que ocorre após um tempo previamente estabelecido como é o caso do setInterval , passamos o valor de intervalo em milissegundos, nesse caso, o trecho de código acima acontecerá após 1 segundo.

결론

Depois de toda essa explicação, o código que vimos até aqui tem nada mais do que 2 linhas:

const likeBtn = document.querySelector('[data-testid="gamepadLike"]');
window.setInterval(() => likeBtn.click(), 1000);

집행자 또는 코디고

abrir o Tinder pelo navegador;

clicar com o botão direito na tela e ir em inspecionar;

No menu superior, entrar na sessão Console

Copiar o código e colar no campo abaixo.

코드 기능



비평, 주석 및 elogios, deixe no commentário abaixo! :)