Sou um desenvolvedor / designer da Web e preciso que meus clientes analfabetos de código consigam facilmente mexer nas cores de determinados elementos, salvar essas alterações de CSS e enviá-las para mim. Vou orientá-los pelo telefone, mas ainda preciso que seja mais fácil do que esperar que eles localizem seletores CSS em uma folha de tema e escrevam códigos hexadecimais.

Eu preciso de um inspetor no navegador que possa permitir que um indivíduo analfabeto de código:

Manipule facilmente as cores nos elementos de uma página da Web, com um seletor de cores da GUI.
(+)O Chrome faz isso perfeitamente. É exatamente o que eu quero.
(-)O inspetor lindo do Firefox parece não ter essa capacidade básica.Salve a folha de estilo afetada para que eles possam enviá-la para mim.
(?)O Editor de Estilo do Firefox facilita o salvamento de folhas, no entanto, as mudanças nos elementos inspecionados - estranhamente - não parecem ser aplicadas.
(-)O Chrome pode supostamente ser capaz de fazer isso, bem no fundo do painel Sources, mas parece que você precisa ser um hacker para descobrir, porque eu sou o especialista em código, e ainda não descobri.

Acho a existência desse enigma muito desconcertante - por que os vendedores de navegadores se incomodaram em criar um conjunto de edição de páginas da web tão rico, em que se pode manipular CSS,mas não inclui um recurso básico "salvar alterações"? Estou esquecendo de algo?

Editar 01:

Descobri, no Chrome, que é possível manipular livremente o CSS de um elemento com o inspetor e, em seguida, clicar na folha CSS associada a cada regra (no canto superior direito da regra) para levá-lo à Folha CSS Modificada no Guia Fontes.Isso é o que eu quero salvar.
A partir daqui, pode-se clicar com o botão direito do mouse em qualquer lugar neste código-fonte modificado e, em seguida, em Salvar como -mas estranhamente, infelizmente e sem intenção, O Chrome salva oerrado Código fonte. Ele salva ocódigo-fonte original, não modificado - não o código-fonte modificado que você tinha clicado com o botão direito do mouse em save-as'd. Muito frustrante, e atualmente estou tentando encontrar uma maneira de contornar esse bug.Estou tão perto!

Editar 02:

Ok, eu descobri.Quando você salva um arquivo na guia Origens do Chrome, você não está apenas salvando esse arquivo -Na verdade, você está configurando o Chrome para salvar automaticamente esse arquivo em todas as alterações feitas nele.
Isso é realmente legal, mas muito enganador.

Então, depois de salvar um arquivo CSS,Todas as alterações feitas no CSS de um elemento no inspetor serão salvas automaticamente nesse arquivo. Isso persiste mesmo se você reiniciar o navegador.

A confusão surgiu, porque quando você tem um arquivo marcado para salvamento automático, e então você salva como um arquivo modificado,O Chrome grava estranhamente o arquivo original, não aquele que você clicou com o botão direito do mouse. Assim que você fizer alguma alteração depois disso, quando o Chrome escrever automaticamente todas as modificações atuais nesse arquivo.Eu considero isso um bug no Chrome.

Lição aprendida, Primeiro, Salvar como o arquivo.Segundo, faça suas alterações.
Presto, o seu tema CSS modificado espera por você no seu disco rígido.

Para ser claro, se você salvar, faça as alterações e salve novamente. O Chrome salvará aFonte original, não sua fonte modificada. Isso torna a ordem das coisas importante.

Não conheço uma maneira de ver uma lista de arquivos atualmente marcados para salvamento automático ou como desmarcá-los.