Como evitar o cache do meu arquivo JavaScript?

Eu tenho um simples html:

          

Em test.js eu mudei uma function Javascript, mas meu navegador está armazenando em cache esse arquivo. Como desativar o cache para o script src?

Atualização: Como adicionar um script random usando o javascript?

Adicione uma string de consulta aleatória ao src

Você poderia fazer isso manualmente, incrementando a querystring sempre que fizer uma alteração:

  

Ou se você estiver usando uma linguagem do lado do servidor, você pode gerar isso automaticamente:

ASP.NET:

  

Mais informações sobre o impedimento de cache podem ser encontradas aqui:

https://curtistimson.co.uk/post/front-end-dev/what-is-cache-busting/

  

EDIT: Ou você pode usar o tempo de modificação do arquivo para que ele seja armazenado em cache no cliente.

  

Configure seu servidor da Web para enviar headers HTTP de controle de armazenamento em cache para o script.

Cabeçalhos falsos nos documentos HTML:

  1. Não são bem suportados como headers HTTP reais
  2. Aplicar ao documento HTML, não aos resources aos quais ele se vincula

Você pode append um queryString ao seu src e alterá-lo somente quando você liberar uma versão atualizada:

  

Desta forma, o navegador usará a versão em cache até que uma nova versão seja especificada (v = 2, v = 3 …)

Você pode adicionar uma string aleatória (ou datetime) como string de consulta à url que aponta para o seu script. Igual a:

  

Toda vez que você atualiza a página, é necessário certificar-se de que o valor de ‘q’ seja alterado.