Dostęp do zmiennych w jsFiddle z konsoli Javascript?

Question

stworzyłem fiddle z następującego kodu:

var x=10; 

Kiedy próbuję zobaczyć to w konsoli, pojawia się następujący:

> x 
ReferenceError: x is not defined 

ma sens, ponieważ bierze Javascript aby uruchomić konsola. Czy istnieje sposób, aby to zadziałało?

Answer 1

Jeśli używasz Chrome lub Chromium, wyświetla się u dołu konsoli programisty , gdzie pojawia się ciąg <top frame>. Kliknij go i wybierz result(fiddle.jshell.net). Spowoduje to zmianę bieżącego zakresu przeglądarki i dostęp do wszystkich zmiennych globalnych. Pamiętaj też, aby zmienić opcję ładowania w jsFiddle na no wrap, jeśli chcesz uzyskać dostęp do zmiennych var.

UPDATE: 2014.12.01

z Firefoksem (34+) i nowy Firefox Developer Edition, to possibile zrobić to samo poprzez umożliwienie Wybierz ramkę jak obecnie ukierunkowane dokument dodatkowe narzędzie do narzędzi programistycznych, a następnie kliknij na niego i wybierz http://fiddle.jshell.net/_display/.

Answer 2

Konsola jest jak własne zamknięcie, gdzie this === window: widzisz tylko vary zdefiniowane w konsoli (na polecenie/skrypt).

Więc masz dwa sposoby publikowania danych widocznych w konsoli:

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.

Zamiast czystych poleceń konsoli, można użyć debuggera. W firebug i narzędziach do Chrome możesz ustawić punkt przerwania, odświeżyć stronę (w jsFiddle powinno się uruchomić), a teraz możesz zobaczyć rzeczywiste wartości zmiennych w zakresie. (Musisz raz załadować stronę, aby kod wszedł do debuggera, a następnie przeładować ponownie punkty przerwania w zdarzeniu document.ready.)