在Chrome開發工具中，Firebug DOM選項卡等效於什麼？

我習慣於使用DOM選項卡來檢查Firebug中頁面上存在的全局JS變量。 Chrome Developer工具中的相同功能是什麼？在Chrome開發工具中，Firebug DOM選項卡等效於什麼？

2012-03-16 dbrin

鍵入window，那麼你將看到裏面的一切window對象。

P.S：window是「最頂端的」在一個正常的網頁對象。（全局範圍）由於「Chrome開發人員工具」具體提及，我們可以放心地認爲window將始終是全球範圍。

Developer Tools
按Console，然後輸入window。按enter，現在您可以看到全局變量列表，例如$（jQuery）和document。

2012-03-16 05:03:42

P.S 2：你並不需要設置開發工具斷點看到全局變量。 – 2012-03-16 05:42:01

1.'window'並不總是全局的JS對象。在工作人員或檢查node.js應用程序時Global！= window 2.我寫過，你也可以從控制檯訪問它。 – Mohsen 2012-03-16 05:46:41

@Mohsen，在你的圖片中'Global'旁邊，它說'DOMWindow'，這意味着***在正常情況下***，Global ===窗口。 – 2012-03-16 05:58:05

你可能會希望在Chrome瀏覽器開發工具Scripts標籤。

此外，如果您單擊Console標籤上實際上你可以鍵入window.。您將看到大量的項目，這些項目都可以從「窗口」（通常是全局）範圍訪問。

後你發現你在列表中查找的對象或變量，你可以按Enter和Chrome將輸出爲您的項目的相關信息。

2012-03-16 05:05:28 jeremysawesome

通過設置在腳本的第一行設置一個斷點在腳本標籤，你會看到所有的全局變量範圍內的變量在右邊欄部分。 Chrome開發工具不會顯示沒有斷點的變量，但您仍然可以從控制檯訪問這些變量。 enter image description here

2012-03-16 05:09:22 Mohsen

是的，這就是所謂的「屬性」。

enter image description here

2014-07-24 14:22:34

對我更有幫助 – 2014-10-10 10:55:16

該屏幕截圖顯示了所選DOM節點_的屬性，而不是全局變量。這不是一回事。 – Moss 2014-11-12 14:12:50

執行在Chrome控制檯執行以下操作：

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

2015-01-20 19:00:16 Ronald

回答