使用 Plunker，如何从浏览器控制台访问变量答案

【问题标题】：Using Plunker, How to access variable from the browser console使用 Plunker，如何从浏览器控制台访问变量
【发布时间】：2013-07-14 00:32:01
【问题描述】：

我正在使用 Plunker (http://plnkr.co/) 来测试 JavaScript。我想从浏览器控制台访问我在脚本中定义的变量。

在 Plunker 中，谁能告诉我如何从浏览器控制台访问变量“someValue”。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <script type="text/javascript">
      var someValue = 3
      console.log(someValue);
    </script>
</body>
</html>

【问题讨论】：

标签： javascript plunker

【解决方案1】：

尝试使用console.debug( variable );

也可以看看这篇文章：

Difference between console.log() and console.debug()?

【讨论】：

【解决方案2】：

使用单独的窗口帮助我调试范围和所有内容。

如下，然后使用F12

【讨论】：

【解决方案3】：

我想出了一种可能的解决方案。在开发者控制台底部的 Google Chrome 开发者工具中，“top frame”可以更改为“run.plnkr.co”（见下图）。这将改变控制台的范围，现在可以访问脚本中的变量。

这是 jsFiddle 的答案： Access variables in jsFiddle from Javascript console?

【讨论】：

问题在于，当预览刷新时，您可能会推回“顶部框架”。因此，在加载时记录到控制台的任何内容都会丢失。

【解决方案4】：

或者你可以使用http://jsbin.com/直接显示控制台

【讨论】：