私はDOMタブを使用して、Firebugのページに存在するグローバルJS変数を検査することに慣れています。 Chrome開発者ツールでのそれと同等のものは何ですか?
window
と入力すると、window
オブジェクトが表示されます。
ps:window
は、通常のWebページの「最上位」のオブジェクトです。 (グローバルスコープ)「Chromeデベロッパーツール」について具体的に説明しているため、window
は常にグローバルスコープであると想定できます。
Console
を押してから、window
を入力します。 enter
を押すと、$
(jQuery)やdocument
などのグローバル変数のリストが表示されます。
はい、「プロパティ」と呼ばれています。
Chrome開発ツールでScripts
タブを探している可能性があります。
また、Console
タブをクリックすると、実際にwindow.
と入力できます。 「ウィンドウ」(通常はグローバル)スコープからすべてアクセス可能なアイテムの大きなリストが表示されます。
リストから目的のオブジェクトまたは変数を見つけたら、Enter
を押すとChromeがエントリに関連する情報を出力します。
Scriptタブのスクリプトの最初の行にブレークポイントを設定すると、右側のサイドバーのScope Variablesセクションにすべてのグローバル変数が表示されます。 Chrome開発ツールでは、ブレークポイントのない変数は表示されませんが、コンソールから変数にアクセスできます。
Chromeコンソールで以下を実行します:
for(variable in window) { if(window.hasOwnProperty(variable)) { console.log(variable); } }