Biến truy cập trong jsFiddle từ bảng điều khiển Javascript?

Question

Tôi tạo ra một fiddle với đoạn mã sau:

var x=10; 

Khi tôi cố gắng xem này trong giao diện điều khiển, tôi nhận được như sau:

> x 
ReferenceError: x is not defined 

Làm cho cảm giác, vì nó có Javascript để chạy giao diện điều khiển. Có cách nào để làm việc này không?

Answer 1

Nếu bạn sử dụng Chrome hoặc Chromium, hãy xem phần dưới cùng của bảng điều khiển dành cho nhà phát triển , nơi chuỗi <top frame> xuất hiện. Nhấp vào nó và chọn result(fiddle.jshell.net). Điều này sẽ thay đổi phạm vi hiện tại của trình duyệt và bạn có thể truy cập vào tất cả các biến toàn cục. Ngoài ra, hãy nhớ thay đổi tùy chọn tải trong jsFiddle thành no wrap nếu bạn muốn truy cập vào các biến số var.

UPDATE: 2014.12.01

Với Firefox (34+) và mới Firefox Developer Edition, nó possibile làm như vậy bằng cách cho phép các Chọn một khung như hiện mục tiêu tài liệu công cụ bổ sung vào công cụ dành cho nhà phát triển, sau đó nhấp vào công cụ đó và chọn http://fiddle.jshell.net/_display/.

Answer 2

Bảng điều khiển giống như là đóng riêng của nó ở đó this === window: bạn chỉ thấy các vars được xác định trong bảng điều khiển của mình (cho mỗi lệnh/tập lệnh).

Vì vậy, bạn có hai cách để xuất bản dữ liệu hiển thị trong giao diện điều khiển của bạn:

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.

Thay vì giao diện điều khiển lệnh thuần túy, bạn có thể sử dụng một trình gỡ lỗi. Trong firebug và cũng là công cụ dev của chrome, bạn có thể thiết lập một breakpoint, làm mới trang của bạn (trong jsFiddle nên Run làm điều này) và bây giờ bạn có thể thấy các giá trị thực tế của các biến của bạn trong phạm vi. (Bạn cần tải lại trang một lần, để lấy mã vào trình gỡ lỗi, sau đó tải lại tiếp theo bạn nhận được điểm ngắt của bạn trong sự kiện document.ready.)