Desativar o cache no Chrome DevTools pode ser útil para testar recursos do site e garantir que as alterações feitas no código sejam imediatamente visíveis. Aqui estão as etapas para desativar o cache no Chrome DevTools:

Abra o Chrome DevTools. Você pode fazer isso clicando com o botão direito na página e selecionando "Inspecionar" ou pressionando Ctrl + Shift + I (Comando + Opção + I no Mac).

Clique na Rede guia no painel DevTools.

Na barra lateral esquerda, clique em Desativar cache caixa de seleção.

O DevTools agora irá ignorar o cache do navegador e carregar todos os recursos diretamente do servidor, sem usar nenhuma cópia em cache.

Aqui estão algumas dicas adicionais para controlar o cache no Chrome DevTools:

Para desabilitar o cache para uma solicitação específica, clique com o botão direito na solicitação na Rede e selecione Desativar cache.

Para limpar o cache de todas as solicitações, clique em Limpar cache botão na Rede barra de ferramentas da guia.

Você também pode desativar o cache para todas as solicitações abrindo as configurações do Chrome DevTools (acessíveis em ... (três pontos) no canto superior direito do painel DevTools) e selecionando o Desativar cache (enquanto o DevTools está aberto) caixa de seleção.

Desabilitar o cache pode ser útil para fins de depuração, mas também pode retardar o carregamento de sites com muitos recursos porque é necessário carregar tudo do servidor. Portanto, é recomendado desabilitar o cache apenas quando necessário.