Mobile Refresh Button / Botão de Atualização Mobile

BrunoFortunato
2025-06-05T14:45:29Z

[EN] Shows a refresh button after pulling down at the top of the page. No auto-refresh, optimized performance.

🔄 Mobile Refresh Button / Botão de Atualização Mobile Um script de usuário leve e eficiente para dispositivos móveis que exibe um botão de atualização discreto quando você puxa o topo da página para baixo, como em muitos aplicativos nativos. Chega de procurar o botão de recarregar no seu navegador!

✨ Recursos Ativação por Gesto: O botão aparece apenas quando você puxa a página para baixo no topo, imitando o comportamento de "pull-to-refresh" de aplicativos nativos. Performance Otimizada: Sem recarregamento automático ou monitoramento constante, garantindo que não afete a velocidade ou o uso da bateria do seu dispositivo. Discreto e Não Intrusivo: O botão aparece por um curto período e desaparece automaticamente, ou se você rolar a página para baixo. Estilo Adaptável: Ajusta-se automaticamente ao tema claro ou escuro do seu sistema. Compatibilidade Universal: Funciona em qualquer site. Licença MIT: Gratuito para usar, modificar e distribuir. 🚀 Como Usar Instale uma Extensão de Gerenciamento de UserScripts: Para Chrome, Edge, Brave, Opera: Recomendo Tampermonkey ou Violentmonkey. Para Firefox: Recomendo Greasemonkey ou Tampermonkey. Instale o Script: Clique no botão "Install" (Instalar) nesta página do Greasy Fork. Sua extensão de UserScripts solicitará a confirmação da instalação. Comece a Usar: Após a instalação, simplesmente navegue em qualquer página da web no seu dispositivo móvel (ou emulação móvel no desktop). Role para cima até o topo da página e, em seguida, puxe a tela para baixo. Um botão "🔄 Atualizar página" aparecerá na parte superior. Toque nele para recarregar a página! 🛠️ Detalhes Técnicos Este script injeta um botão de atualização na página e escuta os eventos de toque (touchstart, touchmove) e rolagem (scroll).

Quando você puxa para baixo a partir do topo da página (quando window.scrollY é 0), o script detecta o gesto e mostra o botão. O botão é estilizado para ser responsivo e se ajustar ao tema do sistema (claro/escuro). Ele desaparece automaticamente após alguns segundos ou se você começar a rolar a página.

Não há impacto no desempenho, pois o script apenas age em resposta a um gesto específico no topo da página e não está constantemente monitorando ou modificando o DOM.

📄 Licença Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.