14

Toda a vez que publico uma nova versão da minha aplicação web (um sistema multiempresas) que possua alterações em arquivos JS e CSS, alguns clientes reclamam de erros e acabo constatando que é a cache do navegador e tenho que instruir o cliente a atualizar a página com ctrlF5.

Gostaria de saber se há uma forma de eu forçar o navegador a buscar os arquivos JS e CSS no servidor toda a vez que eu publicar uma nova versão (talvez salvando um cookie no cliente informando a versão do sistema na última vez que foi acessado e comparar a cada carregamento).

Procurei no Google e não encontrei nenhuma informação que realmente me ajudasse. Minha aplicação é em C#.Net.

4

2 Respostas 2

8

Concatene algum número aleatório que varie a cada carregamento, no final da extensão do arquivo.

EX: estilo.css?v=1651516151;

7

Em PHP usando o timestamp do arquivo você sabe se ele sofreu alguma alteração, forçando um novo carregamento, caso não ele não seja alterado continua pega o que já está no cache do navegador.

Com php faça assim, mas pode usar a mesmo ideia para sua linguagem.

exemplo:

<link rel="stylesheet" href="css/style.css?v=<?php echo filemtime('css/style.css'); ?>">

No navegador vai aparecer assim:

<link rel="stylesheet" href="/css/estilo.css?v=1429015974" />

Em JS seria usando uma função para gerar um numero (data > timestamp) a ser adicionado no final do arquivo.

Exemplo:

<script type="text/javascript">

    function addcss(css){
        var d = new Date();
        var n = d.getTime();
        var head = document.getElementsByTagName('head')[0];
        var s = document.createElement('link');
        s.setAttribute('rel', 'stylesheet');
        s.setAttribute('href', css+'?v='+n)
        head.appendChild(s);
    }   

    //chame a função passando o caminho do CSS ou JS 
    addcss('css/style.css');
</script>

A saida será:

<link rel="stylesheet" href="css/style.css?v=1457636631802">
4
  • 1
    Da uma olha nessa outra forma apenas com JS Commented 10/03/2016 às 19:08
  • Obg Marcelo Diniz, começando hoje aqui por aqui. Commented 10/03/2016 às 19:21
  • 1
    a comunidade que agradece por vc estar ajudando Commented 10/03/2016 às 19:26
  • 1
    Pow isso me ajudaou muito, obrigado!!!! Commented 6/11/2017 às 17:14

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .