Ter a possibilidade de editar o CSS direto no navegador é muito interessante, porque você consegue visualizar o resultado em tempo real. Mas quando você termina essas edições, é necessário voltar no editor de código CSS para aplicar de fato as modificações naquele arquivo.
Mas o que poucos sabem é que é possível alterar no navegador e também obter o arquivo resultante para ser salvo. Veja abaixo esta dica incrível onde será ensinado como utilizar a aba Sources do Chrome Developer Tools para fazer esta operação de salvamento.
Veja abaixo como editar arquivos css diretamente no browser e poder salvar as alterações no arquivo ‘original’:
Artigos relacionados:
Como converter um HTML em PDF usando o Google Chrome pela linha de comando
Google Chrome não irá mais suportar versões Linux 32 bits
Ferramentas do Chromium / Google Chrome – Como visualizar javascript minificados com indentação
Lista de URLs do Google Chrome disponíveis
Onde ficar o cache de mídia do Google Chrome no Linux
Chrome extension – Como utilizar o chrome.tabs ao programar um plugin para o Google Chrome/Chromium
Google Chrome da a opção de selecionar algum texto e salvar em PDF
Como efetuar o debug de JavaScript no Google Chrome
Chrome / Chromium – Recurso avançados de Inspect