2013-01-14 11 views

答えて

65

ChromeまたはChromiumを使用している場合は、開発者コンソール文字列<top frame>が表示されます。それをクリックし、result(fiddle.jshell.net)を選択してください。これによりブラウザの現在のスコープが変更され、すべてのグローバル変数にアクセスできます。また、var変数にもアクセスしたい場合は、jsFiddleの読み込みオプションをno wrapに変更してください。

Screenshot Chrome

UPDATE:2014年12月1日Firefoxで

(34+)と新しいFirefoxの開発版は、それが現在の目標として、フレームを選択しを可能にすることによって、同じことを行うことがpossibileです文書の追加ツールをデベロッパーツールに追加し、それをクリックしてhttp://fiddle.jshell.net/_display/を選択します。

Screenshot Firefox

+2

私がいることでしたが、変数がまだ私は私の答え@Casebashを更新 – Casebash

+2

定義されていません。 jsFiddleの 'onLoad'オプションでコードを実行すると、' var x'はコンソールから到達できません。これは、コードがクロージャー( 'onLoad'イベントに付加された関数)でラップされ、コンソールからは見えません。 – Ragnarokkr

+0

@Ragnarokkrありがとう、そんなに助けて! – caspyin

5

コンソールは、それ自身のクロージャのようなものです。this === window:コンソールに定義されているバーのみが表示されます(コマンド/スクリプトごと)。

だから、あなたがコンソールに表示されるデータを公開するための二つの方法があります。代わりに純粋なコンソールコマンドの

  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イベントでブレークポイントを取得します)

関連する問題