2010-07-08 18 views
65

Sono solo in grado di visualizzare i file JavaScript del sito Web tramite il pannello Script. Come posso modificarlo? Ho provato tutto come facendo doppio clic sulla riga che voglio modificare ecc., Ma non mi permette di modificarlo.Come modificare JavaScript in Firebug?

Se sposto alla scheda HTML, sono in grado di modificare il codice HTML facendo clic sul pulsante Modifica , ma io non sono in grado di modificare il codice JavaScript.

Grazie in anticipo! :)

risposta

62

alt text http://www.fidelitydesign.net/wp-content/uploads/2010/06/Firebug-Testing.jpg

È possibile utilizzare la scheda Firebug Console di scrivere Javascript. Prima di integrarlo nei miei progetti, uso molto questo tipo di prototipazione rapida del codice. Quando si utilizza la console, javascript viene eseguito nel contesto della pagina corrente. Pertanto, e gli script che sono attualmente definiti per quella pagina, possono potenzialmente essere redirind. Per esempio, nella finestra della console, avrei potuto fare questo:

$ = function() { alert("Whoops"); } 

... e che sarebbe ridefinire la funzione $ usata da JQuery.

+12

Console -> editor di comandi – ZiTAL

+4

Non dimenticare di fare clic su Mostra editor di comandi dalla scheda Console per firebug. –

+1

hit => tasto CTRL + 1 .. richiama l'editor di comandi –

4

Nella console di Firebug, è possibile digitare nuovo javascript. Quindi ridefinisci funzioni o variabili secondo necessità.

2

Non puoi farlo. Dovresti usare la console javascript per ridefinire le funzioni.

2

È inoltre possibile utilizzare fiddler.
Lo uso e ha funzionato abbastanza bene per me.

+0

Il violinista sembra una buona idea. È un'applicazione esterna che intercetta le richieste web in modo da poter apportare modifiche in tempo reale al JS, ecc. – not2qubit

13

Per quanto ne so, solo gli strumenti di sviluppo di Chrome supportano la modifica di JavaScript nella loro scheda Sorgenti (non solo tramite la riga di comando). Ed è possibile aggiungere un'estensione come Tincr o DevTools Autosave e Chrome salverà le modifiche ai file JavaScript sul disco. Quindi è praticamente un IDE completo per JavaScript.

In caso contrario, se si utilizza Firebug, è necessario testare il codice nel Command Editor, quindi aprire l'editor di testo e aprire il file che si stava cercando in Firebug e quindi aggiungere tali modifiche all'interno dell'editor di testo e salvare.

Spero che un giorno abilitino JavaScript per essere modificabili all'interno dello Script panel di Firebug.

+2

FWIW [Problema di Firebug 5083] (http://code.google.com/p/fbug/issues/detail?id = 5083) chiede di consentire di modificare JavaScript al volo nel pannello * Script *. –

13

C'è uno "Scratchpad" integrato nel framework Mozilla. Questo può essere raggiunto da Firefox.

Nel menu "Strumenti" in "Web Developer" -> "Scratchpad".

Oppure ...

Basta fare clic destro su qualsiasi elemento sulla tua pagina. Seleziona "controlla elemento" Sulla barra degli strumenti dell'ispettore, sulla destra, c'è un blocco note "Scratchpad", premilo.

enter image description here

ora si ottiene un editor di JavaScript con la sintassi evidenziazione ecc .. Da qui si può aprire/salvare il file sorgente JavaScript.

enter image description here

Leggi tutto bout it here.

+2

Nota che nell'ultima versione di Firefox devi prima abilitare questa opzione. Nella parte superiore destra della barra degli strumenti premere l'icona della rotella di configurazione ("Opzioni barra degli strumenti") e controllare sotto l'intestazione "Strumenti predefiniti per sviluppatori Firefox" la casella di controllo "Scratchpad". – Daan

Problemi correlati