Eu encontrei minha resposta e é o Autosave da Ferramenta de desenvolvimento do Chrom
É uma maneira incrível de editar o css e o js sem sair do navegador. Uma breve introdução link
Existe uma maneira de carregar meu próprio CSS ou Javascript personalizado ao usar um navegador?
Quando estou acessando um site ou desenvolvendo um site, quero carregar meus próprios scripts personalizados do meu computador. Eu sei que isso pode ser feito pelo Firebug ou pela barra de ferramentas do desenvolvedor do Chrome, mas depois que você atualizar seu navegador, suas alterações também serão apagadas. É exatamente isso que estou procurando para adicionar CSS e Javascript, mas desejo que ele tenha uma opção em que você salve suas alterações temporariamente localmente. Ou tem uma opção para carregar arquivos CSS ou JS externos.
Propósito:
Quando estou desenvolvendo o frontend, às vezes é conveniente usar a barra de ferramentas do desenvolvedor do Chrome ou o Firebug do Firefox para alterar ou ajustar as propriedades do CSS, pois posso ver as alterações em tempo real sem atualizar. Um problema que vejo é que toda vez que eu atualizo meu navegador, minhas alterações também são redefinidas. Agora, gostaria que houvesse uma opção em que eu pudesse salvar minhas alterações localmente ou carregar meu próprio arquivo .css externo ou arquivo .js.
Eu quero personalizar a aparência de alguns sites quando visualizados localmente, por exemplo, acessando um blog com muitos anúncios. Quero aplicar as propriedades CSS para ocultar o lixo.
Navegadores que uso com frequência:
Existem algumas maneiras de fazer isso para arquivos CSS. Você pode usar uma extensão como elegante ou usar um arquivo personalizado na pasta de instalação do navegador ....
Para suporte com arquivos JS, o Greasemonkey, como mencionado acima, é sua melhor aposta.