Atualização obrigatória apenas de arquivos JavaScript no Firefox e Chrome

Quero limpar apenas arquivos JavaScript dos meus navegadores da web (Firefox e Chrome). Estou fazendo a depuração do JavaScript, e é irritante que meu JS não seja atualizado sempre que eu alterar meus arquivos JS. A única coisa que posso fazer agora é limpar meus cookies, mas isso apaga todo o meu histórico de navegação.

Como posso limpar / atualizar os arquivos JavaScript que foram carregados nos meus navegadores sem limpar outros arquivos?

Eu mesmo faço isso para o desenvolvimento. Eu uso Ctrl+ F5. É como uma atualização de força. Isso atualiza a página, incluindo o download de todos os arquivos JavaScript ou CSS referenciados, mesmo que tenham sido armazenados em cache.

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

Mas observe que, embora eu saiba que isso funciona no Firefox e provavelmente no Internet Explorer, não tenho certeza se o Ctrl+ F5funciona da mesma maneira no Chrome.

Além disso, o iegik diz:

Em alguns navegadores, você pode usar ` Ctrl+ Shift+ Rpara fazer a mesma tarefa.

Com o Chrome:

A partir do Chrome 15, abra as Ferramentas do desenvolvedor, clique na roda dentada na parte inferior esquerda da tela e marque a caixa de seleção Desativar cache .

Dessa forma, você terá certeza de que os recursos sempre serão recarregados do servidor e não precisará limpar manualmente o cache, o que também pode remover dados em cache de sites não relacionados.

Não concordo com @ 7wp. Como alguns de seus usuários finais não estão familiarizados com a função Ctrl+ F5e outros nem sequer estão cientes das diferenças entre os navegadores e da existência de outros navegadores (idosos, por exemplo), você deve forçar o navegador a baixar uma nova cópia do os arquivos JS / CSS.

A melhor solução aqui é adicionar o registro de data e hora no final dos nomes de arquivo .js / .css ou adicionar a versão svn, que também é uma ótima idéia.

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

Você pode tentar limpar apenas o cache, e não toda a navegação, histórico, cookies, senhas, dados salvos do formulário e outros enfeites (o padrão).

No Firefox 3.5, vá para

Ferramentas »Limpar histórico recente ...

Em seguida, verifique se apenas "Cache" está selecionado antes de selecionar "Limpar agora".

No Chrome (não sei qual versão específica você está usando, como eu uso o build do desenvolvedor), acesse

Ícone de chave inglesa (Ferramentas) »Opções» guia Coisas pessoais »Limpar dados de navegação ...

Novamente, verifique se apenas "Esvaziar o cache" está marcado.

Como alternativa, você pode tentar abrir uma nova sessão Privada no Firefox ou janela anônima no Chrome; também não deve armazenar em cache nenhum arquivo (incluindo os arquivos .JS) que você baixa e processa automaticamente ao navegar.

Estou usando um pequeno truque em um site no qual estou trabalhando ... pelos mesmos motivos que você. Eu faço pequenas alterações e tenho o código JavaScript carregado pelo código JavaScript e quero ter certeza de que estou sempre trabalhando com o script atual (sem cache).

Tente criar o código JavaScript que você está carregando em um arquivo PHP ... basta colocar <?php ?>no início e colocar o arquivo .php.

var fileref = document.createElement('script');
fileref.setAttribute("type", "text/javascript");

// The Date added to the file doesn't effect the results but
// helps Internet Explorer be sure to refresh the data and
// not use cache

var d = new Date();

var t = d.getTime();

fileref.setAttribute("src", filename + ".php?date=" + t);

fileref.setAttribute("id", filename);

Como o nome muda, o Internet Explorer acha que é um novo arquivo;)

No Chrome, basta pressionar Ctrle clicar no botão Atualizar. Eu descobri isso por acaso.

Abro o arquivo JavaScript em uma guia separada, Shiftatualizo, Shiftverifico se estou vendo as alterações mais recentes e atualizo a página real (na verdade, no meu caso, quadro em um conjunto de quadros, o que parece piorar as coisas). Isso funciona quase o tempo todo.

Eu não o usei, mas o complemento do Firefox "Limpar botão de cache" pode ser útil. Eu li a documentação deles, então não tenho certeza se isso também limpa o seu histórico de navegação.

Vá para as configurações de conteúdo no Chrome, desative o JavaScript e salve.

Em seguida, ative o JavaScript novamente.

Se você estiver trabalhando com JavaScript e estiver preocupado em recarregar a página para refletir as alterações no JavaScript. Tente usar o depurador do Chrome, onde você pode fazer alterações nos arquivos JavaScript carregados em tempo de execução e, sem usar qualquer recarregamento, pode testar novas funções ou alterações que deseja testar.

No Chrome mais recente, está disponível:

Adicione alguma função de data dinâmica no final do seu arquivo JavaScript. Isso forçará o navegador a carregar o arquivo JavaScript atualizado. Ou seja, ao incluir o arquivo .js, você pode adicionar .... xyz.js?

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

Obviamente, isso poderá ser removido assim que sua depuração estiver pronta e pronta para ser lançada.