Recarregar somente o CSS da página com JavaScript
Postado por: Pedro Rogério emAqueles que são desenvolvedores sabem o quanto é martirizante ter que efetuar alguma alteração no arquivo CSS, mandar pro ar, dar um F5 ou CTRL + F5 para limpar o cache do navegador, esperar o browser baixar todo o site novamente para poder ver uma simples alteração efetuada no css funcionando. Agora imagine passar por isso com vários browsers abertos ao mesmo tempo? Você acaba perdendo um tempo precioso do seu dia com isso.
Mas como pra quase tudo na vida tem salvação, descobri recentemente uma forma de dar um reload no CSS da página sem ter que carregá-la totalmente, e ela se chama ReCSS. Basta adicionar esse JavaScript aos seus favoritos e executá-lo na página em que deseja:
javascript:void(function(){var i,a,s;a=document.getElementsByTagName('link');for(i=0;i<a.length;i++){s=a[i];if(s.rel.toLowerCase().indexOf('stylesheet')>=0&&s.href) {var h=s.href.replace(/(&|%5C?)forceReload=\d+/,'');s.href=h+(h.indexOf('?')>=0?'&':'?')+'forceReload='+(new Date().valueOf())}}})();
Random Posts
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Acho que a ferramenta Firebug do Firefox ajuda mais… vc vê o resultado na hora, e pode fazer o ajuste da melhor maneira… só não dá muito certo com os IEk’s.
Exelente dica.
Muito útil.
@Cleo,
A vantagem desse Script é que você pode utilizá-lo no Internet Explorer, mas com certeza o Firebug é o mais indicado.
Ótima dica…vou fazer uns testes, e ver se paro de sofrer.
Abri a sessão de comentários para falar do firebug. Mas muito legal Pedro. Muito útil essa dica!
Gostei da dica, valeu!!!
Como o Pedro disse sobre o comentário do @Cleo, eu ia falar que este script é ótimo para IE6, afinal, quem nunca arrumou perfeitamente o CSS pelo Firebug, mas no IE6 num ia nem a pau? rsrs
Excelente! Adeus Ctrl+F5 rsrs
Que pena que não dá certo se você usa @import pra importar o CSS. =(
Boa dia pra quem ainda não conhecia.
Quem acompanha o revolucao.etc , como eu, já conhecia.
Você pode até adicionar um botão de favorito com isso aí pra facilitar o serviço.