What is the equivalent to Firebug DOM tab in Chrome Dev tools?

javascript google-chrome firebug google-chrome-devtools
dbrin picture dbrin · Mar 16, 2012 · Viewed 16.2k times · Source

I am used to using DOM tab to inspect global JS variables that are present on the page in Firebug. What is the equivalent of it in Chrome Developer tools?

Answer

Derek 朕會功夫 picture Derek 朕會功夫 · Mar 16, 2012

Type in window, then you will see the window object with everything inside it.

p.s: window is the "top-most" object in a normal webpage. (Global scope) Since "Chrome Developer Tools" is specifically mentioned, we can safely assume that window will always be the global scope.

Developer Tools
Press Console, then enter window. Press enter and now you can see a list of global variables, such as $ (jQuery) and document.

Related questions

Find out whether Chrome console is open

I am using this little script to find out whether Firebug is open: if (window.console && window.console.firebug) { //is open }; And it works well. Now I was searching for half an hour to find a way to …

Read More
Break when window.location changes?

I've got a page that's redirecting when it shouldn't be, and I'm trying to figure out who's doing it. First I tried hijacking window.location: window.location = (function (location) { // location is now hidden inside a closure. We can override it …

Read More
How to increase number of Call Stack entries in Google Chrome Developer Tools (or Firefox)?

How to increase number of Call Stack entries in Google Chrome Developer Tools (or Firefox Firebug)? I am getting a Javascript error in a third party control's Javascript. All the calls in the Call Stack window do not belong to …

Read More