Como forçar o usuário a recarregar arquivos JavaScript

Neste artigo você vai aprender a como forçar o usuário a recarregar arquivos JavaScript, ou seja, forçar a limpeza de cache JS

Fala programador(a), beleza? Bora aprender mais sobre cache de arquivos e JavaScript!

Algo bem comum nos dias de hoje é o navegador não forçar o recarregamento do arquivo

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Gerando problemas de cache, pois o arquivo é atualizado, mas o cliente tem o antigo

As vezes com um ctrl + shift + r as coisas são resolvidas, mas as vezes o cliente nem entra em contato para reclamar

Então como podemos resolver este problema?

Há uma solução um tanto simples, precisamos colocar uma versão na chamada do arquivo

Esta atribuição pode ser feita manualmente, mas o interessante é que você desenvolva algo que possa ser configurado via back-end

Ou seja, quando houver uma atualização, mudamos a versão do arquivo

Aí a chamada fica da seguinte maneira:

<script type="text/javascript" src="scripts.js?213"></script>

Note que você deve por após o nome do arquivo algo como: ?<numero_da_versao>

Sempre que este número for alterado, o arquivo será novamente recarregado

Resolvendo o problema do cache no computador do usuário

Porém devemos alterá-lo a cada revisão, para que isso seja garantido

Conclusão

Neste artigo você aprendeu a como forçar o usuário a recarregar arquivos JavaScript

Utilizamos uma técnica que consiste em alterar o nome do arquivo, adicionando um parâmetro de versão

Que faz com que o navegador não reconheça o arquivo, e realize o download novamente

Eliminando possíveis problemas de cache

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!