从Javascript控制台访问jsFiddle中的变量？

Question

我用以下代码创建了一个小提琴:

var x=10;

当我尝试在控制台中查看此内容时,我得到以下内容:

> x
ReferenceError: x is not defined

有道理,因为它需要Javascript来运行控制台.有没有办法让这个工作？

Answer 1

如果您使用Chrome或Chromium,请查看<top frame>显示字符串的开发者控制台底部.单击它并选择result(fiddle.jshell.net).这将更改浏览器的当前范围,您可以访问所有全局变量.另外,no wrap如果您想要访问var变量,请记住在jsFiddle中更改加载选项.

更新时间:2014.12.01

使用Firefox(34+)和新的Firefox Developer Edition,可以通过在开发人员工具中选择一个框架作为当前目标文档额外工具来实现相同的功能,然后单击它并选择http://fiddle.jshell.net/_display/.

Answer 2

控制台就像它自己的闭包那样this === window:你只能在控制台中看到vars(每个命令/脚本).

因此,您有两种方法可以在控制台中显示可见的数据:

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.

您可以使用调试器而不是纯控制台命令.在firebug和chrome的开发工具中,您可以设置断点,刷新页面(在jsFiddle中应该运行这样做),现在您可以在范围内查看变量的实际值.(您需要重新加载页面一次,将代码放入调试器,然后下次重新加载,您将在document.ready事件中获得断点.)