web-dev-qa-db-ja.com

Chrome開発ツールのFirebug DOMタブに相当するものは何ですか?

私はDOMタブを使用して、Firebugのページに存在するグローバルJS変数を検査することに慣れています。 Chrome開発者ツールでのそれと同等のものは何ですか?

32
dbrin

windowと入力すると、windowオブジェクトが表示されます。

ps:windowは、通常のWebページの「最上位」のオブジェクトです。 (グローバルスコープ)「Chromeデベロッパーツール」について具体的に説明しているため、windowは常にグローバルスコープであると想定できます。

Developer Tools
Consoleを押してから、windowを入力します。 enterを押すと、$(jQuery)やdocumentなどのグローバル変数のリストが表示されます。

32

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

enter image description here

3
Alex Ivasyuv

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

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

リストから目的のオブジェクトまたは変数を見つけたら、Enterを押すとChromeがエントリに関連する情報を出力します。

0
jeremysawesome

Scriptタブのスクリプトの最初の行にブレークポイントを設定すると、右側のサイドバーのScope Variablesセクションにすべてのグローバル変数が表示されます。 Chrome開発ツールでは、ブレークポイントのない変数は表示されませんが、コンソールから変数にアクセスできます。 enter image description here

0
Mohsen

Chromeコンソールで以下を実行します:

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

0
Ronald