Chrome Devツールの[Firebug DOM]タブに相当するものは何ですか？

Question

私はDOMタブを使って、FirebugのページにあるグローバルなJS変数を調べるのに慣れています。 Chromeデベロッパーツールではそれに相当するものは何ですか？

Answer 1

windowに入力すると、windowオブジェクトがすべてその内部に表示されます。

p.s：windowは、通常のWebページの「最前面」のオブジェクトです。 （グローバルスコープ）「Chromeデベロッパーツール」が具体的に言及されているので、windowは常にグローバルスコープと仮定しても安全です。

押しConsole、その後、windowを入力してください。 enterを押すと、$（jQuery）やdocumentなどのグローバル変数のリストが表示されます。

Answer 2

Chrome開発ツールのScriptsタブを探している可能性があります。

また、Consoleタブをクリックすると、window.と入力することができます。 「ウィンドウ」（一般的にはグローバル）スコープからすべてアクセス可能なアイテムの大きなリストが表示されます。

リストで探しているオブジェクトまたは変数を見つけたらEnterを押すと、入力した項目に関連する情報が出力されます。

Answer 3

スクリプトタブでスクリプトの最初の行にブレークポイントを設定することにより、あなたは右のサイドバーにスコープ変数セクション内のすべてのグローバル変数が表示されます。 Chromeデベロッパーツールはブレークポイントなしで変数を表示することはできませんが、それでもコンソールからアクセスできます。

Answer 4

はい、「プロパティ」と呼ばれます。

Answer 5

クロームコンソールで次のコマンドを実行します。

for(variable in window) { if(window.hasOwnProperty(variable)) { console.log(variable); } }