Aggiornamento del file utilizzando lo strumento per sviluppatori / Firebug

Question

C'è un modo per salvare le modifiche apportate in Chrome Developers Tool o Firebug direttamente nel file?Supponendo che io abbia accesso in lettura / scrittura a quel file.

Oppure esiste uno o più strumenti di sviluppo in grado di aggiornare le modifiche in modo simile (o interfaccia utente simile) ??

Answer 1

Sì, in Firefox, se utilizzi anche l'eccellente Web Developer componente aggiuntivo ...

Utilizzando tale componente aggiuntivo, seleziona Visualizza sorgente -> Visualizza sorgente generata .
Questo aprirà lo stato corrente del "file" HTML ¹ modificato da JS e da qualsiasi modifica manuale che hai fatto in Firebug.

Dalla finestra che si apre, puoi "salvare come" il file o copiare e incollare come desideri.

Nota che questo file generato avrà una serie di stili Firebug (facilmente identificabili) e potrebbe avere attributi style impostati su elementi da JS.

¹ Sfortunatamente, non cattura le modifiche ai file CSS o JS che sono collegati in.
Per questo motivo, quando modifico con Firebug, mi piace cambiare CSS e JS aggiungendo regole di stile e codice al "file" HTML.
Una volta che la pagina sembra / agisce vicino a ciò che si desidera, le modifiche vengono istantanee tramite Visualizza sorgente generata e quindi unite ai file collegati, se necessario.

Answer 2

Negli strumenti di sviluppo di Chrome, è possibile salvare i file CSS e JavaScript modificati dal pannello Sorgenti e vedere quali modifiche (differenze) sono state apportate a tali file.

Ad esempio:

1. Apri un file JavaScript o CSS nel pannello Sorgenti.

2. Fare clic nell'origine.

3. Apporta modifiche.

4. Premi Comando-S o Ctrl-S per salvare le modifiche.

5. Fare clic con il pulsante destro del mouse sul codice sorgente (o nell'albero delle sorgenti del pannello Fonti) e selezionare Modifiche locali per visualizzare il controllo delle versioni.

6. Fai clic con il pulsante destro del mouse, seleziona Salva con nome ... e scegli una posizione sul disco in cui salvare il file.I salvataggi successivi verranno salvati in questa posizione.

Answer 3

Esiste un progetto Java per Eclipse / Chrome:

http://code.google.com/p/chromedevtools/

È solo un debugger JavaScript (non vedi CSS o rete, ecc.), ma puoi impostare il tuo progetto Eclipse in modo che esegua il debug e modifichi gli stessi file (più la modifica dal vivo). La configurazione dei file sorgente è un po 'complicata nella versione corrente

http://code.google.com/p/chromedevtools/wiki/FeatureDebugOnRealFiles

(si spera che la prossima versione sia più semplice).

Insieme a JSDT o Aptana o altro supporto JavaScript puoi avere un bel debugger IDE + per Chrome.

Answer 4

No.Il codice che stai modificando è il codice lato client visualizzato.Non è possibile influire sul codice lato server tramite il browser.In ogni caso, la semantica di tale operazione si interrompe davvero se i file sottostanti sul lato server sono non statici.