Como você salva / exporta as alterações feitas no Firebug?

10

Usando o Firebug para editar CSS, como salvar / exportar alterações feitas no CSS?

FERRAMENTAS: Firefox , Firebug


ATUALIZAÇÃO PRINCIPAL: Se você souber uma maneira de bloquear o avanço / retrocesso / atualização em uma guia do FireFox, entre em contato. Caso contrário, eu desisti de usar o FireBug / FireDiff como um IDE para CSS, é bom, mas lol ... pressione backspace na hora errada e TODO seu trabalho se foi ... engraçado. Então, gosto muito do navegador destacando CSS / HTML no Firebug. Conhece algum bom editor de CSS que faça isso? Realmente esperava que o FireBug funcionasse, mas por enquanto só o considero bom para inspeção e teste ad-hoc; ou seja, usá-lo para o que foi feito.


ATUALIZAÇÕES:

@ Lêse majesté: Assim como uma atualização, o " complemento Web Developer " permite editar CSS, mas não permite editar / salvar as alterações CSS feitas pelo Firebug. Isso significa que você usa o Firebug para identificar e talvez testar alterações, mas não permite salvar as alterações no Firebug. Aqui está um "como fazer", abordando como usá-los juntos: FF + FB + WD

@ Lèse majesté: Ainda brincando com o FireDiff . Funciona bem, já encontrou um bug (embora eu esteja apenas trabalhando nisso), e não há "como" eu consegui encontrar, então estou apenas tentando todos os recursos e clicando ao redor ... (para Por exemplo, para exportar um diff, você deve estar sobre o último item da lista, clicar com o botão direito do mouse e selecionar como "Save Diff". O ".diff" é apenas um arquivo de texto, não sei por que, neste momento, o ext é .diff .

erros
fonte

Respostas:

10

Na verdade, existe um plugin do FireBug chamado FireDiff que permite exportar mudanças de estilo e DOM.

Como alternativa, você pode usar o complemento Web Developer para salvar o CSS.

Por fim, o FireBug pode ser vinculado ao Eclipse usando o Fireclipse e, a partir daí, salve o CSS.

Consulte esta pergunta StackOverflow para obter mais soluções.

Lèse majesté
fonte
@ Lèse majesté: Veja o comentário acima sobre o uso do complemento Web Developer para editar o Firebug CSS, obrigado!
erros cometidos
2

Tenho certeza de que o Firebug não registra as alterações, portanto você precisará de um pouco de criatividade para fazer isso. Você pode copiar o HTML / CSS e colá-lo em um arquivo txt. Em seguida, você pode usar o software de comparação para identificar as alterações feitas. O editor de texto que eu uso possui essa funcionalidade, mas tenho certeza de que há muitas opções disponíveis.

John Conde
fonte
2

Você está procurando Backfire , um script de cliente / servidor (atualmente javascript / C #). Ele não requer o Firebug (não é um complemento do Firebug) e funciona nos navegadores Firefox e Webkit. Com o Backfire, você pode alterar o estado da página da maneira que desejar (o Firebug é uma ótima maneira) e clicar no botão Salvar para salvar as alterações no servidor.

Em termos de implementação, depois de clicar em salvar, o código do servidor receberá uma postagem contendo uma lista de alterações e, quando você baixar o Backfire, verá um exemplo de implementação mostrando como armazenar as alterações em seus arquivos CSS. Ele funciona em vários arquivos e (no Firefox) com regras abreviadas de CSS, etc., mantendo a estrutura dos arquivos CSS originais.

Rahul
fonte
(+1) Legal, obrigado! Como ele se encaixa no código? Funciona apenas com arquivos simples ou pode ser configurado para conversar com um sistema de controle de versão sem escrever código personalizado? Também acho que isso significa que eu também devo estar executando o dot.NET em segundo plano no servidor, certo?
Erro #
@blunders É de código aberto para que você possa conferir como ele funciona. Basicamente, ele envia uma lista de alterações para o servidor no formato json e esses dados são analisados ​​usando expressões regulares e comparados com a linha original no arquivo css. Em seguida, o arquivo css é atualizado com os novos dados. A implementação de exemplo é .NET, mas qualquer programador pode facilmente escrever um similar em PHP ou qualquer outra coisa, pois é bastante trivial.
Rahul
2

Use o cssUpdater (o primeiro hit real ao pesquisar no Google "como salvar alterações no firebug"). Com ele, você pode salvar as alterações do FireBug (mesmo com suporte ao FTP) com apenas um clique no FireBug. Mais informações em http://cssUpdater.com

Jhonte
fonte