¿Tiene acceso a las variables en jsFiddle desde la consola de Javascript?

firebug google-chrome-devtools

Question

fiddle un fiddle con el siguiente código:

var x=10;

Cuando trato de ver esto en la consola, obtengo lo siguiente:

> x
ReferenceError: x is not defined

Tiene sentido, ya que se necesita Javascript para ejecutar la consola. ¿Hay alguna manera de hacer que esto funcione?

Answer 1

La consola es como su propio cierre en this === window : solo ve vars definidos en su consola (por comando / script).

Entonces tiene dos formas de publicar datos visibles en su consola:

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.

En lugar de comandos de consola puros, puede usar un depurador. En Firebug y también en las herramientas de desarrollo de Chrome, puede establecer un punto de interrupción, actualizar su página (en jsFiddle debería Ejecutar hacer esto) y ahora puede ver los valores reales de sus variables en el alcance. (Debe volver a cargar la página una vez, para obtener el código en el depurador, luego, la próxima recarga, obtendrá los puntos de interrupción en el evento document.ready).

Answer 2

Si usa Chrome o Chromium, mira la parte inferior de su consola de desarrollador, donde aparece la cadena <top frame> . Haga clic en él y seleccione result(fiddle.jshell.net) . Esto cambiará el alcance actual del navegador y podrá acceder a todas las variables globales. Además, recuerde cambiar la opción de carga en jsFiddle por no wrap si también desea acceder a var variables.

ACTUALIZACIÓN: 2014.12.01

Con Firefox (34+) y la nueva Firefox Developer Edition, es posible hacer lo mismo al habilitar la herramienta adicional Seleccionar un marco como el documento actualmente orientado en las herramientas de desarrollo, luego hacer clic en ella y seleccionar http://fiddle.jshell.net/_display/ .