Parar o cache do Chrome dos meus arquivos JS

Farei uma alteração nos meus arquivos JS, mas ele não será realmente alterado no navegador, tenho que renomear os arquivos toda vez para que ele seja recarregado. Existe algum tipo de comando .htaccess que posso adicionar ou algo para impedir o armazenamento em cache?

É até o cache do meu hard core de páginas html. Preciso reabrir meu navegador inteiro apenas para ver as alterações. Poderia ser um problema no servidor?

Você pode clicar no ícone de configurações no canto superior direito ...| Mais ferramentas | Ferramentas para desenvolvedores | Rede | Desativar cache (enquanto o DevTools estiver aberto)

Para o Windows, isso é F12ou CTRL + SHIFT + Ienquanto o mac CMD + SHIFT + Iabre o DevTools.

Novo caminho para a Atualização do Chrome em setembro de 2018:

Clique no ícone de configurações no canto superior direito ...| Configurações | preferências | Ferramentas para desenvolvedores | Rede | Desativar cache (enquanto o DevTools estiver aberto)

Uma maneira mais rápida de fazer isso é clicar com o botão direito do mouse no ícone de atualização ao lado da barra de endereço e escolher Esvaziar cache e recarregar por hardware

Apenas verifique se as ferramentas de desenvolvimento do Chrome estão abertas. (Pressione F12) A propósito ... Esse truque só funciona no Chrome para Windows, Ubuntu e Mac OS

Mantenha a tecla Shift pressionada enquanto clica no botão recarregar.

add Algo parecido script.js?a=[random Number]com o número aleatório gerado pelo PHP.

Você já tentou expirar = 0, o pragma "no-cache" e "cache-control = NO-CACHE"? (Não sei o que eles dizem sobre scripts).

Algumas idéias:

1. Quando você atualiza sua página no Chrome, faça uma CTRL + F5 para fazer uma atualização completa.
2. Mesmo se você definir o vencimento como 0, ele ainda será armazenado em cache durante a sessão. Você precisará fechar e abrir novamente o navegador.
3. Certifique-se de que, ao salvar os arquivos no servidor, os carimbos de data e hora estejam sendo atualizados. O Chrome emitirá primeiro um HEADcomando, em vez de um GET completo, para verificar se ele precisa baixar o arquivo completo novamente, e o servidor usa o carimbo de data e hora para ver.

Se você deseja desativar o cache no seu servidor, pode fazer algo como:

Header set Expires "Thu, 19 Nov 1981 08:52:00 GM"
Header set Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"
Header set Pragma "no-cache"

Em .htaccess

Etapas rápidas:

1) Abra o painel Ferramentas do desenvolvedor acessando o menu Chrome -> Ferramentas -> Ferramentas do desenvolvedor

2) Clique no ícone de configurações no lado direito (é uma engrenagem!)

3) Marque a caixa "Desativar cache (quando o DevTools estiver aberto)"

4) Agora, enquanto o painel estiver ativo, basta clicar em Atualizar e o JS não será armazenado em cache!

O problema é que o Chrome precisa ter must-revalidate no cabeçalho Cache-Control` para verificar novamente os arquivos para ver se eles precisam ser buscados novamente.

Você sempre pode SHIFT-F5 e forçar a atualização do Chrome, mas se desejar corrigir esse problema no servidor, inclua este cabeçalho de resposta:

Cache-Control: must-revalidate

Isso instrui o Chrome a verificar com o servidor e verificar se há um arquivo mais recente. Se houver um arquivo mais recente, ele será recebido na resposta. Caso contrário, ele receberá uma resposta 304 e a garantia de que a que está no cache está atualizada.

Se você NÃO definir esse cabeçalho, na ausência de outra configuração que invalide o arquivo, o Chrome nunca verificará com o servidor se há uma versão mais recente.

Aqui está uma postagem de blog que discute mais a questão.

Ao fazer atualizações nos meus aplicativos da Web, usarei um manipulador para retornar um único arquivo JS para evitar os hits em massa no meu servidor ou adicionar uma pequena string de consulta a eles:

<script type="text/javascript" src="/mine/myscript?20111205"></script>

<Files *>
Header set Cache-Control: "no-cache, private, pre-check=0, post-check=0, max-age=0"
Header set Expires: 0
Header set Pragma: no-cache
</Files>

Eu sei que essa é uma pergunta "antiga". Mas as dores de cabeça com o cache nunca são. Após várias tentativas e erros, descobri que um de nossos provedores de hospedagem na web tinha através do CPanel esse aplicativo chamado Cachewall. Acabei de clicar no modo Habilitar Desenvolvimento e ... voilà !!! Parou imediatamente a dor sofrida :) Espero que ajude outra pessoa ... R

Eu estava obtendo o mesmo arquivo css quando navego no site (no servidor da empresa de hospedagem com domínio real) e não consegui obter a versão atualizada no chrome. Consegui obter a versão atualizada do arquivo quando o navego no Firefox. Nenhuma dessas respostas funcionou para mim. Eu também tenho os arquivos do site na minha máquina e navego no site com localhost usando meu servidor apache local. Desliguei o servidor apache e consegui obter o arquivo atualizado. De alguma forma, meu servidor apache local estava mexendo com o cache do Chrome. Espero que isso ajude alguém, pois foi muito difícil para mim corrigir isso.

1. Ferramentas abertas do desenvolvedor

   • Ou F12
   • Ou ...-> More Tools->Developer Tools

2. Clique Empty Cache and Hard Reload

   • Clique com o botão direito do mouse no ícone de atualização (apenas à esquerda na barra de endereços do URL)
   • Ou clique com o botão esquerdo do mouse no ícone de atualização e mantenha-o pressionado por 1 segundo

Você pode abrir uma janela anônima. Mudar para uma janela anônima funcionou para mim ao desativar o cache em uma janela normal do Chrome ainda não recarregou um arquivo JavaScript que eu havia alterado desde o último cache.

https://www.quora.com/Does-incognito-mode-on-Chrome-use-the-cache-that-was-previously-stored