Como forçar uma recarga forçada no Chrome para Android

No Chrome para desktop, tenho opções nas ferramentas de desenvolvimento para desativar o cache completamente quando as ferramentas de desenvolvimento são abertas e tenho as opções para fazer uma recarga manual forte ao clicar muito tempo no botão recarregar (com as ferramentas de desenvolvimento abertas).

Existe alguma técnica para o Chrome para Android? Não encontrei nenhuma configuração. O que posso fazer quando quero forçar o navegador a baixar algum arquivo javascript ou css em vez de usar um em cache durante o desenvolvimento?

Estou usando de window.location.reload(true)acordo com o MDN (e essa pergunta semelhante) força a página a ser recarregada do servidor.

Você pode executar esse código no navegador digitando javascript:location.reload(true)na barra de endereço.

Visualizar a página no modo de navegação anônima desativará o cache. Era a única maneira de forçar uma atualização em uma folha de estilo sem limpar manualmente o cache pelas configurações.

Também uma opção:

1. Cardápio
2. Configurações
3. Privacidade
4. Limpar dados de navegação
5. Marque "Cache" e pressione "CLEAR"

e recarregue a página.

Você pode usar a opção Solicitar site da área de trabalho no menu do aplicativo (à direita da barra de endereço), que forçará o recarregamento da página.

Basta tocar nele, aguardar a atualização e desmarcar.

Mencionando isso porque você mencionou "ao desenvolver".

Você pode controlar o dispositivo móvel através do navegador Chrome Desktop.

Visite chrome://inspect/#devicesna sua área de trabalho. E Inspecto dispositivo conectado à sua área de trabalho. Concorde quando solicitado.

Agora você deve ver uma janela de Devtool completa para a página atual no dispositivo móvel.

Agora, use o atalho de recarga forçada (Cmd + Shift + R) na área de trabalho para fazer a recarga forçada no dispositivo móvel!

Não se esqueça de verificar se a configuração "Reduzir o uso de dados" está desativada, pois parece fazer o download de dados em cache (dos servidores do Google?), Mesmo que o cache local esteja liberado.

Como redefinir todos os dados de um determinado URL / site no Chrome Mobile para Android:

1 - Abra o menu do Chrome e toque no ícone "i (informações)"

2 - toque em "Configurações do site"

3 - Toque no ícone da lixeira

É isso mesmo, mesmo o trabalhador de serviço mais profundamente ensinado para esse URL agora morrerá.

Sei que essa é uma pergunta antiga, mas achei que a resposta aceita não funcionou para mim.

Uma solução alternativa seria para anexar o URL com um novo parâmetro URL, tal como website.com?a=1, website.com?a=2etc.

Se você já possui parâmetros, é claro, usaria um e comercial, ou seja, website.com?q=test&a=1

A partir de 2018, na Central de Ajuda do Google (testada no Chrome 63):

1. toque no menu de três pontos ;
2. escolha Histórico> Limpar dados de navegação ;
3. se necessário, escolha o período (acima da lista de verificação);
4. desmarque todos os itens, exceto imagens e arquivos em cache ;
5. prossiga com Limpar dados e confirme.

Como mencionado em outra resposta, as guias anônimas também são de grande utilidade para o desenvolvimento.

Encontrei uma solução que funciona, mas é feia.

• Conecte o dispositivo Android ao seu PC com um cabo USB e abra o Chrome na área de trabalho .
• Clique com o botão direito do mouse em qualquer lugar da página e selecione "Inspecionar".

• Clique no menu de três pontos e selecione "Dispositivos remotos" no menu "Mais ferramentas":

  

• No painel que se abre, selecione seu dispositivo e, em seguida, o botão "Inspecionar" ao lado do nome da guia do seu telefone que precisa ser atualizada:

  

• Na janela que se abre, clique na guia "Rede" e marque a caixa de seleção "Desativar cache":

  

• Recarregue a página no seu telefone ou use o botão recarregar na janela do DevTools.

Nota: se o seu telefone não aparecer na lista de dispositivos:

• verifique se a conexão USB está usando o modo Transferência de arquivos e não está simplesmente carregando
• tente reiniciar o ADB ou execute adb devicespara verificar se o dispositivo está sendo detectado

A Depuração Remota permite usar as ferramentas de desenvolvimento da área de trabalho:

https://developers.google.com/chrome-developer-tools/docs/remote-debugging

Versões recentes do cache do Chrome de forma muito agressiva. Até técnicas de bloqueio de cache, como " http: // url? Updated = datecode ", pararam de funcionar. Você deve limpar o cache ou iniciar uma janela anônima todas as vezes (e garantir que a proteção de dados esteja desativada).

A única maneira confiável que eu descobri que não requer a conexão do telefone a um PC é a seguinte:

1. Force parar o aplicativo Chrome.

Isso deve ser feito primeiro e você não poderá reabrir o Chrome até concluir essas etapas. Existem várias maneiras de forçar a parada. A maioria dos lançadores domésticos permite acessar "Informações do aplicativo" mantendo o dedo no ícone do Chrome e selecionando um ícone "i". Como alternativa, você pode acessar as configurações do Android e simplesmente procurar "Chrome".

Uma vez em "Informações do aplicativo", selecione "Forçar parada", como mostrado abaixo:

2. Limpe o cache do Chrome

Selecione "Armazenamento" na mesma tela:

Por fim, selecione "Limpar cache".

Quando você retorna ao aplicativo Chrome, a página deve se recarregar e exibir uma versão não em cache.

Além disso, encontrei um site que facilita o teste se você limpou o cache: https://refreshyourcache.com/en/cache-test/
Não sou de forma alguma afiliado a ele. Observe que o método para limpar o cache mencionado nesse site está desatualizado e não é mais válido.

EDIT: este método foi descontinuado no Google Chrome e não funcionará mais.

RESPOSTA ORIGINAL:

Consegui limpar o cache (incluindo o xhr subsequente) usando chrome: // net-internals

Em seguida, clique na pequena seta no canto superior direito

Selecione "limpar cache" nesse menu.

Aqui está outra solução simples que pode funcionar quando outros falham:

Hoje, uma solução do desenvolvedor bastante simples funcionou para mim quando o problema de armazenamento em cache era um arquivo CSS em cache. Em resumo: crie uma cópia temporária do arquivo html e navegue até ela para atualizar o cache CSS.

Esse truque pode atualizar o arquivo CSS, pelo menos no navegador padrão do Android com o ícone azul do globo (mas é provável que seja o gêmeo, o navegador oficial do Chrome também e quaisquer outros navegadores que encontramos nos telefones "inteligentes" com a tendência de cache agressivo )

Detalhes:

No começo, tentei algumas das soluções bastante simples compartilhadas aqui, mas sem sucesso (por exemplo, limpando o histórico recente do site específico, mas não meses e meses). No entanto, meu CSS mais recente não seria aplicado após a atualização. E mesmo que eu já tivesse empregado o truque do número da versão na chamada de arquivo CSS na seção head do html, o que me ajudou a evitar esses incômodos caches agressivos no passado. (exemplo: link rel = "stylesheet" href = "style.css? v = 001" em que você atualiza esse número de pseudo-versão toda vez que faz uma alteração em um arquivo CSS, por exemplo, 001, 002, 003, 004 ... (deve ser feito em todos os arquivos html do site))

Desta vez (agosto de 2019), a atualização do número da versão do arquivo CSS não é mais suficiente, nem algumas das medidas mais simples mencionadas aqui funcionam para mim, ou eu nem consegui encontrar acesso a algumas delas (em um telefone Android emprestado).

No final, tentei algo relativamente simples que finalmente resolveu o problema:

Fiz uma cópia do arquivo index.html do site com um nome diferente (indexcopy.html), enviei-o, naveguei no dispositivo Android, depois naveguei de volta para a página original e atualizei-o (com o botão Atualizar à esquerda de a barra de endereço) e voilà: dessa vez, a atualização do index.html finalmente funcionou.

Explicação: A versão mais recente do arquivo CSS foi finalmente aplicada no Android ao atualizar a página html em questão porque a cópia em cache do arquivo CSS havia sido atualizada quando o arquivo CSS foi chamado a partir de uma página html temporária com nome diferente e que não existia em nenhum lugar no histórico do navegador e que eu poderia excluir novamente depois. O cache agressivo aparentemente ignorou o URL do CSS e passou pelo URL do HTML, mesmo que fosse o arquivo CSS que precisava ser atualizado no cache.

Se for apenas a questão dos arquivos incluídos, basta adicionar a versão após o caminho ( ?v=12345678)

<link rel="stylesheet" type="text/css" href="style.css?v=12345678" />

Quem carregar a página novamente verá alterações.