Vincular atualização de css ao atalho de tecla personalizado no cromo

Eu gosto das ferramentas LiveReload ou SoFresh para recarregar css, mas essas ferramentas nem sempre funcionam ou funcionam mal com muitas folhas de estilo anexadas. Aqui está uma instrução simples sobre como vincular um atalho personalizado à função de recarregamento css:

Baixar gerenciador de atalhos

Nas configurações de SM, defina um atalho personalizado.

“Ação” definida como “Executar JavaScript” e cole este código no campo “(2)”:

var links = document.getElementsByTagName("link");

for(var i = 0; i < links.length; i++) {
var link = links[i];
if(link.rel === "stylesheet")
link
.href = link.href.replace(/.css.*/, '.css?reload=' + new Date().getTime());
}

Definir descrição personalizada

Isso é tudo! Espero que ajude você 🙂

Felicidades!

Recarregar o código é uma versão modificada do tópico stackoverflow , obrigado Claude por compartilhar uma versão não jQuery.