View list of all JavaScript variables in Google Chrome Console

Question

Hello everyone.

In Firebug the DOM tab shows a list of all your public variables and objects. In Chrome's console you have to type the name of the public variable or object you want to explore. Is there a way - or at least a command - for Chrome's console to display a list all the public variables and objects? It will save a lot of typing.

Thank you all Stefanos

Answer 1

The window object contains all the public variables, so you can type it in the console.

Answer 2

As all "public variables" are in fact properties of the window object (of the window/tab you are looking at), you can just inspect the "window" object instead. If you have multiple frames, you will have to select the correct window object (like in Firebug) anyway.

Answer 3

Is this the kind of output you're looking for?

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

This will list everything available on the window object (all the functions and variables, e.g. $ and jQuery on this page, etc). Though, this is quite a list, not sure how helpful it is...

Otherwise just do window and start going down it's tree:

window

This will give you DOMWindow, an expandable/explorable object.

Answer 4

You may want to try this Firebug lite extension for Chrome.

Answer 5

Thank you all

1. type "window" at the console
2. the screenshot above