Este blog é um complemento do nosso canal no YouTube. Clique em @CanalQb para seguir e acompanhar nossos vídeos!

Sugestões de pesquisas

Automatize Ações com Tampermonkey Usando JavaScript

#javascript; #tampermonkey; #automação
@CanalQb

Como Automatizar Tarefas em Sites com Tampermonkey e JavaScript

O Tampermonkey é uma das extensões mais populares para navegadores como Chrome, Firefox e Edge. Com ele, é possível criar e executar scripts personalizados para automatizar ações em sites específicos — como clicar em elementos, redirecionar páginas, preencher formulários, entre outros.

Abaixo, mostramos como você pode criar um script simples para clicar automaticamente em uma imagem específica dentro de uma página da web e atualizar a página caso ela não esteja presente.

Passo a Passo para Criar o Script no Tampermonkey

  1. Instale a extensão Tampermonkey no seu navegador.
  2. Clique no ícone do Tampermonkey e selecione "Adicionar novo script".
  3. Substitua o conteúdo do editor pelo código abaixo:
// ==UserScript==
// @name         AutoCliqueImagem
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Auto clique em uma imagem em um site e atualize a página
// @author       Seu Nome
// @match        *://www.exemplo.com/*
// @grant        none
// ==/UserScript==

// Substitua "imagem.png" pelo nome real da imagem alvo
var imagemAlvo = "imagem.png";
var linkAlvo = "https://www.exemplo.com/pagina-inicial";

// Verifica se a imagem está presente
function verificarImagem() {
    var imagemEncontrada = false;
    document.querySelectorAll("img").forEach(function(img) {
        if (img.getAttribute("src") === imagemAlvo) {
            imagemEncontrada = true;
            img.click();
        }
    });
    return imagemEncontrada;
}

// Atualiza a página se a imagem não for encontrada
function atualizarPagina() {
    if (!verificarImagem()) {
        window.location.href = linkAlvo;
    }
}

// Executa e repete o processo a cada 5 segundos
atualizarPagina();
setInterval(atualizarPagina, 5000);

Personalize o Script

  • imagemAlvo: Caminho do arquivo da imagem (ex: "botao-clique.png");
  • linkAlvo: URL de redirecionamento se a imagem não for encontrada;
  • @match: Defina a URL onde o script será executado (ex: https://www.site.com/*);
  • Intervalo de verificação: Você pode modificar o valor 5000 (5 segundos) para mais ou menos tempo.

Importante

Esse script é ideal para tarefas automatizadas simples e não invasivas. Use com responsabilidade. Evite abusar de automatizações em sites que não autorizam esse tipo de comportamento, pois pode violar os Termos de Uso do site.

Exemplo de Uso

Suponha que você queira clicar automaticamente em um banner promocional exibido em um painel de controle que leva a uma oferta. Basta identificar a imagem alvo (seu src) e usar esse script com a URL do site no campo @match.

Essa automação pode ser útil em plataformas internas, sistemas de monitoramento, testes de interface e fluxos de navegação controlada.

Recursos adicionais

Para mais informações e exemplos de scripts, visite o site oficial do projeto:

Postar um comentário

Comente só assim vamos crescer juntos!
CanalQb mais próximo Quer falar com o CanalQb?
Em que posso te ajudar?
Fale comigo