CSS não está atualizando no navegador quando eu o altero

9

Estou trabalhando no CSS do meu site wordpress. Quando faço alterações e atualizo a página, as alterações não são refletidas. Quando limpo o histórico do navegador e o cache, as alterações ainda são refletidas. Quando vejo o código-fonte da página e vejo o arquivo css, ele tem o conteúdo antigo antes da alteração. Como faço para atualizar isso para que eu possa desenvolver?

    
por David Tunnell 23.07.2013 / 15:08

4 respostas

9

Adicione um número de versão aleatório no final do arquivo css que você está anexando. Se você estiver usando o wp_enqueue_style 'ou wp_register_style funções, passe um número aleatório (versão) rand(111,9999) para o 4º parâmetro. Se você está anexando o css como uma tag html, você deve adicionar " ?ver=<?php echo rand(111,999)?> " ao final do nome do arquivo. Exemplos estão aqui

wp_register_style( 'custom-style', get_template_directory_uri() . '/css/custom-style.css', array(), rand(111,9999), 'all' );

ou

<link rel="stylesheet" type="text/css" href="http://website.com/css/custom-style.css?ver=<?php echo rand(111,999)?>">

Ele evitará o armazenamento em cache no cache final do cliente e possivelmente o armazenamento em cache do servidor também.

    
por M-R 23.07.2013 / 18:11
5

Eu sei que este post tem mais de um ano, mas pensei em mencionar que o CloudFlare armazena em cache arquivos estáticos, como css, js e imagens, para ajudar nos tempos de carregamento mais rápidos. Algo que eu levei horas para descobrir, desde que eu estava tendo problemas com minhas alterações de CSS não refletindo sobre recarregamento. CloudFlare tem modo de desenvolvimento que você pode habilitar por 3hrs. Se você se esquecer de ativá-lo antes de começar a fazer modificações, poderá limpar o cache do gerenciamento do cloudflare.

    
por Shanan 20.09.2014 / 14:48
0

É possível que seu host esteja usando algo como o Varnish para armazenar em cache a saída do seu site. Eu corri para isso com o site de um cliente hospedado em uma conta de hospedagem compartilhada de taxa reduzida. O único remédio que encontrei foi ser paciente.

    
por Jeff Purcell 23.07.2013 / 17:49
0

Se você estiver usando um tema filho, é possível que você precise enfileirar a folha de estilo do tema filho para ver as alterações imediatamente. Isso resolveu meu problema.

    
por Ramón Puig 09.11.2018 / 12:35