web-dev-qa-db-ja.com

Plunkerを使用して、ブラウザコンソールから変数にアクセスする方法

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>
18

私は1つの可能な解決策を考え出しました。開発者コンソールの下部にあるGoogleChromeの開発者ツールでは、「トップフレーム」を「run.plnkr.co」に変更できます(下の画像を参照)。これにより、コンソールのスコープが変更され、スクリプト内の変数にアクセスできるようになります。

Plunker in Google Chrome

JsFiddleの答えは次のとおりです。 JavascriptコンソールからjsFiddleの変数にアクセスしますか?

29

別のウィンドウを使用すると、スコープとすべてをデバッグするのに役立ちました。

以下のように実行してから、F12を使用します

expand to a seperate window

2
DL Narasimhan

または、コンソールを直接表示する http://jsbin.com/ を使用できます。

1
Nadir

console.debug( variable )を使用してみてください。

この投稿も見てください:

console.log()とconsole.debug()の違いは?

0
jcdsr