Forçar apenas ficheiros JavaScript em Firefox e Chrome

Com Chrome:

Começando com Chrome 15, abra as Ferramentas de Desenvolvimento, clique na roda dentada na parte inferior esquerda do ecrã, e seleccione a caixa de verificação Cache Desactivável.

Desta forma, terá a certeza de que os recursos são sempre recarregados do servidor, e não terá de limpar manualmente a cache, o que poderá também remover dados em cache para sites não relacionados.

Faço-o eu próprio para o desenvolvimento. Utilizo Ctrl+F5. É como uma actualização de força. Isto actualiza a página, incluindo a recarga de quaisquer ficheiros JavaScript ou ficheiros CSS referenciados, mesmo que estivessem em cache.

NÃO irá limpar mais nada, como o seu histórico de navegação.

** Mas note que embora eu saiba que isto funciona no Firefox, e provavelmente no Internet Explorer, não tenho a certeza se Ctrl+F5 funciona da mesma forma no Chrome.**

Também, iegik diz:

Em alguns browsers pode utilizar `Ctrl+Shift+R para fazer a mesma tarefa.

Não concordo com @7wp. Uma vez que alguns dos seus utilizadores finais não estão familiarizados com a função Ctrl+F5, e alguns nem sequer estão cientes das diferenças entre navegadores e até da existência de outros navegadores (anciãos, por exemplo) deve forçar o navegador a descarregar uma nova cópia dos ficheiros JS/CSS.

A melhor solução aqui é adicionar o carimbo da hora no final dos nomes dos ficheiros .js/.css, ou adicionar a versão svn, o que também é uma grande ideia.

<script src="js/myfile.js?t=<?=time()?>" type="text/javascript"></script>

Talvez queira tentar limpar apenas a sua cache, e não toda a sua navegação, histórico, cookies, palavras-passe, dados de formulário guardados, e o que não (o padrão).

No Firefox 3.5, vá para

Ferramentas “ Limpar Histórico Recente…

Depois certifique-se de que apenas "Cache” é seleccionado antes de seleccionar “Limpar Agora”.

& Em Chrome (não sei que versão em particular está a usar, uma vez que eu uso as construções do dev), vá para

Wrench Icon (Tools) “ Options ” Personal Stuff tab “ Limpar dados de navegação…

Novamente, certifique-se de que apenas "Esvaziar a cache” é verificado.

Em alternativa, pode tentar abrir uma nova sessão privada no Firefox ou na janela Incognito no Chrome; também não deve guardar em cache quaisquer ficheiros (incluindo os seus ficheiros .JS) que descarregue e processe automaticamente quando navega.

Abro o ficheiro JavaScript num separador separado, Shift + refresh, verifico que estou a ver as últimas alterações, depois Shift + refresh da página actual (na verdade, no meu caso, frame num conjunto de frames, o que parece piorar a situação). Isto funciona quase sempre.

No cromado pode simplesmente premir Ctrl e clicar no botão refresh. Descobri isto por acaso.

Se estiver a trabalhar com JavaScript e estiver preocupado em recarregar a página para reflectir as alterações do JavaScript. Tente utilizar o depurador Chrome, onde pode fazer alterações ao(s) seu(s) ficheiro(s) JavaScript carregado(s) em tempo de execução e sem utilizar qualquer recarga pode testar novas funções ou alterações que queira testar.

Eu próprio não o usei, mas o Firefox Add-on “Clear Cache Button” pode ser útil. Li a sua documentação, por isso não tenho a certeza se também limpa o seu histórico de navegação.

Adicione alguma função de data dinâmica no final do seu ficheiro JavaScript. Irá forçar o navegador a carregar o ficheiro Javascript actualizado. Ou seja, ao incluir o ficheiro .js, poderá adicionar …. xyz.js?

< ? php echo date('l jS \of F Y h:i:s A') ? >

Claro que isto poderia ser removido assim que a sua depuração estivesse concluída e pronta para entrar em funcionamento.

No mais recente Cromo está disponível:

Ir para definições de conteúdo em Cromo, desactivar o JavaScript e guardar.

Depois, activar novamente o JavaScript.