Accedi alle variabili in jsFiddle dalla console Javascript?

Question

Ho creato un fiddle con il seguente codice:

var x=10; 

Quando provo a visualizzare questa nella console, ottengo il seguente:

> x 
ReferenceError: x is not defined 

ha senso, in quanto richiede JavaScript per funzionare il console. C'è un modo per farlo funzionare?

Answer 1

Se si utilizza Chrome o Chromium, viene visualizzato nella parte inferiore della console di sviluppo , dove viene visualizzata la stringa <top frame>. Fare clic su di esso e selezionare result(fiddle.jshell.net). Ciò cambierà l'ambito attuale del browser e potrai accedere a tutte le variabili globali. Inoltre, ricorda di cambiare l'opzione di caricamento in jsFiddle su no wrap se vuoi accedere anche alle variabili var.

UPDATE: 2014.12.01

con Firefox (34+) e il nuovo Firefox Developer Edition, è possibile fare lo stesso attivando la Selezionare una cornice come attualmente mirata documento strumento aggiuntivo negli strumenti di sviluppo, quindi fare clic su di esso e selezionare http://fiddle.jshell.net/_display/.

Answer 2

La console è come se fosse la propria chiusura dove this === window: si vedono solo i vars definiti nella console (per comando/script).

modo da avere due modi per pubblicare i dati visibili nella console:

1. var x = 5; console.log(x); // out of your code, not as console command
2. window.x = 5; // now x is global, so in console you get 5 for x.

Invece di comandi della console puri, è possibile utilizzare un debugger. In firebug e anche gli strumenti di sviluppo di chrome puoi impostare un punto di interruzione, aggiornare la pagina (in jsFiddle dovresti eseguire Esegui) e ora puoi vedere i valori effettivi delle tue variabili nell'ambito. (È necessario ricaricare la pagina una volta, per ottenere il codice nel debugger, quindi la prossima ricarica si ottiene i punti di interruzione nell'evento document.ready.)