Come si salvano / esportano le modifiche apportate in Firebug?


10

Utilizzando Firebug per modificare i CSS, come posso salvare / esportare le modifiche apportate al CSS?

STRUMENTI: Firefox , Firebug


MAGGIOR AGGIORNAMENTO: Se si conosce un modo per bloccare avanti / indietro / aggiornamento su una scheda FireFox, per favore fatemi sapere. Altrimenti, ho rinunciato a usare FireBug / FireDiff come IDE per CSS, è bello, ma lol ... premi backspace al momento sbagliato e TUTTO il tuo lavoro è andato ... divertente. Quindi, mi piace molto il browser che evidenzia CSS / HTML in Firebug. Conosci qualche buon editor CSS che lo fa? Speravo davvero che FireBug funzionasse, ma per ora lo vede solo come buono per l'ispezione e il test ad hoc; significa usarlo per quello per cui è fatto.


AGGIORNAMENTI:

@ Lèse majesté: proprio come un aggiornamento, il " componente aggiuntivo per sviluppatori Web " consente di modificare i CSS, ma non consente di modificare / salvare le modifiche CSS apportate da Firebug. Significa che usi Firebug per identificare e forse testare le modifiche, ma non ti consente di salvare le modifiche da Firebug. Ecco un "come" che spiega come usarli insieme: FF + FB + WD

@ Lèse majesté: sto ancora giocando con FireDiff . Funziona bene, ho già trovato un bug (anche se ci sto solo lavorando) e non c'è "come" che sono stato in grado di trovare, quindi sto solo provando tutte le funzionalità e facendo clic ... (per Ad esempio, per esportare un diff è necessario posizionarsi sull'ultimo elemento dell'elenco, fare clic con il tasto destro del mouse e selezionare come "Salva diff". ".diff" è solo un file di testo, non si sa perché a questo punto ext sia .diff .

Risposte:


10

In realtà esiste un plug-in FireBug chiamato FireDiff che consente di esportare modifiche di stile e DOM.

In alternativa, è possibile utilizzare il componente aggiuntivo Web Developer per salvare il CSS.

Infine, FireBug può essere collegato a Eclipse usando Fireclipse e da lì salva il CSS.

Vedi questa domanda StackOverflow per altre soluzioni.


@ Lèse majesté: vedi il commento sopra sull'utilizzo del componente aggiuntivo Web Developer per modificare Firebug CSS, grazie!
errori del

2

Sono abbastanza sicuro che Firebug non registra le modifiche, quindi dovrai essere un po 'creativo per farlo. È possibile copiare HTML / CSS e incollarlo in un file txt. Quindi è possibile utilizzare il software di confronto per identificare le modifiche apportate. L' editor di testo che uso ha questa funzionalità integrata ma sono sicuro che ci sono molte opzioni disponibili.


2

Stai cercando Backfire , uno script client / server (attualmente javascript / C #). Non richiede Firebug (non è un componente aggiuntivo di Firebug) e funziona sia con Firefox che con browser basati su Webkit. Con Backfire puoi cambiare lo stato della pagina come desideri (Firebug è un ottimo modo) e quindi fare clic sul pulsante Salva per salvare le modifiche sul server.

In termini di implementazione, dopo aver fatto clic su Salva il tuo codice lato server riceverà un post contenente un elenco di modifiche e quando scarichi Backfire vedrai un'implementazione di esempio che ti mostra come archiviare le modifiche nei tuoi file CSS. Funziona su più file e (in Firefox) con regole CSS abbreviate, ecc., Pur mantenendo la struttura dei file CSS originali.


(+1) Fantastico, grazie! Come si aggancia al codice? Funziona solo con file flat o può essere configurato per parlare con un sistema di controllo versione senza scrivere codice personalizzato? Indovinare anche questo significa che devo eseguire dot.NET anche in background sul server, giusto?
errori del

@blunders È open source in modo da poter controllare come funziona da solo. Fondamentalmente invia un elenco di modifiche al server in formato json e i dati vengono analizzati utilizzando espressioni regolari e confrontati con la riga originale nel file CSS. Quindi il file css viene aggiornato con i nuovi dati. L'implementazione di esempio è .NET, ma qualsiasi programmatore può facilmente scriverne uno simile in PHP o qualcos'altro poiché è abbastanza banale.
Rahul,

2

Usa cssUpdater (primo vero colpo quando googling "come salvare le modifiche di firebug"). Con esso, puoi salvare le modifiche di FireBug (anche con il supporto FTP) con un solo clic da FireBug. Maggiori informazioni su http://cssUpdater.com

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.