Forçar o Google Chrome a procurar novos arquivos JavaScript sempre que acessar um site

Então, se eu for para as opções da Internet no Internet Explorer:

Posso ajustar as configurações para quando o IE verificar atualizações:

Posso fazer algo semelhante no Google Chrome? No momento em que altero meu arquivo JavaScript e depuro no Visual Studio, o Chrome sempre usa a versão em cache em vez da versão modificada. Para poder usar a versão atual, preciso limpar manualmente meus arquivos / cache temporários da Internet, o que é realmente irritante.

Opção 1: desativar temporariamente o cache

1. Abra Ferramentas do desenvolvedor (pressione F12ou Menu, Mais ferramentas, Ferramentas do desenvolvedor)
2. Abra as Configurações das Ferramentas do desenvolvedor (menu Pressione F1ou DevTools, Configurações)
3. Marque "Desativar cache (enquanto o DevTools estiver aberto)" sob o cabeçalho Rede do painel Preferências

Opção 2: desativar o cache para a sessão

Inicie o Chrome com as opções de linha de comando --disk-cache-size=1 --media-cache-size=1que limitarão os caches a 1 byte, desativando efetivamente o cache.

Opção 3: Atualização forçada manual

Recarregue a página atual, ignorando o conteúdo em cache: Shift+ F5ou Ctrl+ Shift+r

Atalhos de teclado do Chrome - Ajuda do Chrome (em "Atalhos de página da web")

Opção 4: Opções de recarga extra ( origem )

Com as Ferramentas do desenvolvedor abertas, clique com o botão direito do mouse no botão Recarregar para exibir um menu de recarga com o seguinte:

• Recarga normal (Ctrl + R)
• Recarregamento total (Ctrl + Shift + R)
• Cache vazio e recarregamento total

Pode não estar 100% relacionado à atualização do cromo, mas ao desenvolvimento posterior. Como o @Dom disse, você pode adicionar a? V = # após o seu recurso. Uma maneira de automatizar o processo é misturar o conteúdo do arquivo mencionado e usá-lo como versão.

Eu tenho um código de trecho sobre como fazer isso em C # (Razor para implementação), se isso puder ajudar.

Ajudante:

public static string HashUrl(string relativeUrl)
    {
        var server = HttpContext.Current.Server;
        if (File.Exists(server.MapPath(relativeUrl)))
        {
            byte[] hashData;
            using (var md5 = MD5.Create())
            using (var stream = File.OpenRead(server.MapPath(relativeUrl)))
                hashData = md5.ComputeHash(stream);

            return relativeUrl.Replace("~", "") + "?v=" + BitConverter.ToString(hashData).Replace("-", "");
        }
        return relativeUrl + "?v=notFound";
    }

Implementação:

<link rel="stylesheet" [email protected]("~/Controllers/Home/Views/Index.css") />

Espero que isto ajude

EDIT --- Alguns pediram algum tempo de execução da compilação e 1000 pequenos recursos, leva aproximadamente 11 ms.

https://en.code-bude.net/2013/08/07/md5-hashes-in-c-benchmark-and-speed-%E2%80%8B%E2%80%8Boptimization/

https://en.code-bude.net/wp-content/uploads/2013/08/md5_performance_benchmark_2.png

Em outros casos em que isso pode não ser possível, por exemplo, desejando forçar uma atualização no computador do usuário final ao qual você não tem acesso, você pode anexar um número de versão ao nome do script como um parâmetro de consulta, fazendo o navegador identificar como um arquivo diferente . ie example.js?v=1. Lembre-se de que você precisará alterar o número em cada recarga para forçá-lo.

Você também pode fazer isso com o desenvolvimento local, mas o método dev tools é muito mais eficiente.

além da resposta @Steven, quando você abre o Developer Tools Console , pode clicar com o botão direito do mouse no botão Atualizar e usar o menu suspenso.

Neste menu, você tem uma opção para "Cache vazio e recarga forçada" .

É o que você está procurando.

Se você estiver desenvolvendo o site, deve saber que o Chrome exige a must-revalidateconfiguração Cache-Controlpara buscar novamente os arquivos corretamente quando eles são alterados no servidor.

As outras respostas mostram como pressionar SHIFT-F5 para forçar sua própria versão do Chrome a buscar novamente todos os arquivos. Mas é razoável dizer a todos os usuários do site que façam isso toda vez que o site for alterado? Se você definir Cache-Controla inclusão must-revalidate, o Chrome verificará se algum arquivo foi alterado e faça o download corretamente quando necessário.

Veja os detalhes nesta postagem do blog: https://agiletribe.wordpress.com/2018/01/29/caching-for-chrome/