¿Cómo se guardan / exportan los cambios realizados en Firebug?

10

Usando Firebug para editar CSS, ¿cómo guardo / exporto los cambios realizados en el CSS?

HERRAMIENTAS: Firefox , Firebug

ACTUALIZACIÓN PRINCIPAL: Si conoce una forma de bloquear el avance / retroceso / actualización en una pestaña Firefox, hágamelo saber. De lo contrario, he renunciado a usar FireBug / FireDiff como IDE para CSS, es agradable, pero jajaja ... presione la tecla de retroceso en el momento equivocado y TODO su trabajo se ha ido ... divertido. Entonces, realmente me gusta que el navegador resalte a CSS / HTML en Firebug. ¿Conoces algún buen editor de CSS que haga esto? Realmente esperaba que FireBug funcionara, pero por ahora solo lo veo como bueno para inspección y prueba ad-hoc; es decir, usarlo para lo que está hecho.

ACTUALIZACIONES:

@ Lèse majesté: al igual que una actualización, el " complemento de desarrollador web " le permite editar CSS, pero no le permite editar / guardar los cambios de CSS realizados por Firebug. Lo que significa que usa Firebug para identificar y quizás probar cambios, pero no le permite guardar los cambios de Firebug. Aquí hay un "cómo" que cubre cómo usarlos juntos: FF + FB + WD

@ Lèse majesté: sigo jugando con FireDiff . Funciona bien, ya encontré un error (aunque solo estoy trabajando para solucionarlo), y no hay un "cómo" que haya podido encontrar, así que solo estoy probando cada función y haciendo clic ... (para Por ejemplo, para exportar un archivo diff debe estar sobre el último elemento de la lista, hacer clic con el botón derecho y seleccionar "Guardar diferencia". El ".diff" es solo un archivo de texto, no tengo idea de por qué en este momento la extensión es. .

css website-design html browsers text-editor errores
fuente

Respuestas:

10

En realidad, hay un complemento de FireBug llamado FireDiff que le permite exportar cambios de estilo y DOM.

Alternativamente, puede usar el complemento Desarrollador web para guardar el CSS.

Por último, FireBug se puede vincular a Eclipse usando Fireclipse , y desde allí guardar el CSS.

Consulte esta pregunta de StackOverflow para obtener más soluciones.

Lèse majesté
fuente
@ Lèse majesté: Vea el comentario anterior sobre el uso del complemento Desarrollador web para editar CSS Firebug, ¡gracias!
errores el
2

Estoy bastante seguro de que Firebug no registra los cambios, por lo que tendrá que ser un poco creativo para hacer esto. Puede copiar el HTML / CSS y pegarlo en un archivo txt. Luego puede usar el software de comparación para identificar los cambios que realizó. El editor de texto que uso tiene esta funcionalidad incorporada, pero estoy seguro de que hay muchas opciones disponibles.

John Conde
fuente
2

Estás buscando Backfire , un script cliente / servidor (actualmente javascript / C #). No requiere Firebug (no es un complemento de Firebug), y funciona tanto en los navegadores basados ​​en Firefox como en Webkit. Con Backfire puede cambiar el estado de la página de la forma que desee (Firebug es una excelente manera) y luego hacer clic en el botón Guardar para guardar los cambios en el servidor.

En términos de implementación, después de hacer clic en guardar, el código del lado del servidor recibirá una publicación que contiene una lista de cambios, y cuando descargue Backfire verá una implementación de ejemplo que le muestra cómo almacenar los cambios en sus archivos CSS. Funciona en varios archivos y (en Firefox) con reglas CSS abreviadas, etc., todo mientras mantiene la estructura de sus archivos CSS originales.

Rahul
fuente
(+1) Genial, gracias! ¿Cómo se engancha al código? ¿Funciona solo con archivos planos o se puede configurar para hablar con un sistema de control de versiones sin escribir un código personalizado? También supongo que eso significa que también tengo que ejecutar dot.NET en segundo plano en el servidor, ¿verdad?
errores el
@blunders Es de código abierto para que pueda ver cómo funciona usted mismo. Básicamente, envía una lista de cambios al servidor en formato json y esos datos se analizan mediante expresiones regulares y se comparan con la línea original en el archivo css. Luego, el archivo CSS se actualiza con los nuevos datos. La implementación de ejemplo es .NET, pero cualquier programador puede escribir fácilmente una similar en PHP u otra cosa, ya que es bastante trivial.
Rahul el
2

Use cssUpdater (primer golpe real al buscar en Google "cómo guardar los cambios de Firebug"). Con él, puede guardar sus cambios de FireBug (incluso con soporte FTP) con solo un clic desde FireBug. Más información en http://cssUpdater.com

Jhonte
fuente