2013-02-25 12 views
8

So come utilizzare JavaScript sulla console di Google Chrome.Modifica i file JavaScript sugli Strumenti per sviluppatori di Google Chrome

Ma è possibile modificare i file JavaScript dagli strumenti di sviluppo di Google Chrome e vedere immediatamente le modifiche? Se é cosi, come?

Ho provato a cambiare il codice, ma non ha alcun effetto sulla pagina.

+2

Divertente ... questo ha sempre funzionato per me ma non funziona ora per qualche motivo. Devi solo modificare il codice e premere ctrl + s http://jsfiddle.net/XpU6R/2/ Potrebbe essere necessario fare clic due volte sul pulsante Pretty Print per Chrome per permetterti di modificarlo –

+0

Recentemente è uscito Chrome 25, forse loro fatto alcune modifiche? Non è che non riesca a cambiare il codice, è più di quello che non ha un effetto diretto sulla pagina che sarebbe ideale (come Chrome già fa con la modifica dei CSS) – GangstaGraham

+0

Considera anche [Aree di lavoro] (https://stackoverflow.com/ domande/29232701/in-chrome-developer-tools-javascript-in-chrome-developer-tools) delle recenti versioni di Chrome. – Vadzim

risposta

13

È possibile modificare javascript della pagina. Dovevi fare un doppio clic nella vecchia versione di Chrome o nella versione recente devi fare un solo clic nel file js. Dopodiché è necessario premere Ctrl + S o Cmd + S su Mac. Quindi DevTools invierà il codice modificato a V8.

Se ci si trova in una sessione di debug e si rimane in una pausa in una funzione, è possibile modificarlo e dopo che Ctrl + S v8 sposterà il punto di esecuzione dalla funzione modificata in modo da poterlo passare nuovamente.

+1

Ma cosa succede se la funzione Javascript si carica solo una volta quando viene caricata la pagina? – GangstaGraham

+0

Vuoi dire corre? – loislo

+0

ci sono voci "Salva" e "Salva come ..." nel menu di scelta rapida. – loislo

1

È possibile ridefinire una funzione globale o modificare il valore di una variabile in ambito, ma non sono a conoscenza in alcun modo in Chrome Dev Tools per modificare il codice durante la vita. Correzione, quindi invio aggiornamento.

Puoi modificare live CSS nella scheda Sorgenti.

+0

Ok, grazie. Questa sarebbe una caratteristica interessante da implementare anche se, spero lo facciano in un aggiornamento futuro – GangstaGraham

+0

@GangstaGraham - FYI, puoi eseguire la modifica immediata dei CSS in Chrome tramite la scheda Sorgenti. – jfriend00

Problemi correlati