Refresh apenas no CSS da página

maio 18th, 2009

Essa dica é só pra quem usa Firefox heim! Você que é desenvolvedor(a) ou webdesigner sabe que uma coisinha mt chata no processo de codificação de layouts, é quando você precisa recarregar uma página para ver as alterações feitas no CSS e ao pressionar F5 ela recarrega completamente, scrips, imagens, swfs, vídeos e etc, isso demora, irrita e consome preciosos segundos e até minutos.

Pesquisei e encontrei a solução para esse problema. Um script feito por alguem que eu desconheço, mas sou muito grata que inserido como botão à barra de favoritos do Firefox (é no IE não dá), irá fazer o refresh somente no CSS da página que estiver aberta, sempre que for clicado.

Fácil de fazer e muito últil:
1º passo
Habilite a Barra de Favoritos (por usar o Del.ici.ous acostumei a não usar)

2º passo
Clique com o botão direito na barra de favoritos, selecione Novo Favorito. Vai aparecer essa janelinha:

3º passo
Em Nome: digite CSS Refresh ou qualquer outra coisa que você quiser.

Em Endereço, cole isso:

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())}}})();

Preencha os outros campos se achar necessário.

4º passo
Deixe Carregar no Painel desmarcado.

Clique em “Adicionar”, e seja muito feliz!