View list of all JavaScript variables in Google Chrome Console

Question

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

User · Answer

You may want to try this Firebug lite extension for Chrome

User · Answer

David Walsh has a nice solution for this  Here is my take on this  combining his solution with what has been discovered on this thread as well   https   davidwalsh name global-variables-javascript  x       var iframe   document createElement  iframe    iframe onload   function         var standardGlobals   Object keys iframe contentWindow       for var b in window           const prop   window b         if window hasOwnProperty b   amp  amp  prop  amp  amp   prop toString   includes  native code    amp  amp   standardGlobals includes b             x b    prop                    console log x     iframe src    about blank   document body appendChild iframe     x now has only the globals

User · Answer

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 its tree   window   This will give you DOMWindow  an expandable explorable object

User · Answer

Try this simple command   console log window

User · Answer

User · Answer

Type the following statement in the javascript console   debugger   Now you can inspect the global scope using the normal debug tools   To be fair  you ll get everything in the window scope  including browser built-ins  so it might be sort of a needle-in-a-haystack experience

User · Answer

To view any variable in chrome  go to  Sources   and then  Watch  and add it  If you add the  window  variable here then you can expand it and explore

User · Answer

If you want to exclude all the standard properties of the window object and view application-specific globals  this will print them to the Chrome console         const standardGlobals   new Set   quot window quot    quot self quot    quot document quot    quot name quot    quot location quot    quot customElements quot    quot history quot    quot locationbar quot    quot menubar quot    quot personalbar quot    quot scrollbars quot    quot statusbar quot    quot toolbar quot    quot status quot    quot closed quot    quot frames quot    quot length quot    quot top quot    quot opener quot    quot parent quot    quot frameElement quot    quot navigator quot    quot origin quot    quot external quot    quot screen quot    quot innerWidth quot    quot innerHeight quot    quot scrollX quot    quot pageXOffset quot    quot scrollY quot    quot pageYOffset quot    quot visualViewport quot    quot screenX quot    quot screenY quot    quot outerWidth quot    quot outerHeight quot    quot devicePixelRatio quot    quot clientInformation quot    quot screenLeft quot    quot screenTop quot    quot defaultStatus quot    quot defaultstatus quot    quot styleMedia quot    quot onsearch quot    quot isSecureContext quot    quot performance quot    quot onappinstalled quot    quot onbeforeinstallprompt quot    quot crypto quot    quot indexedDB quot    quot webkitStorageInfo quot    quot sessionStorage quot    quot localStorage quot    quot onabort quot    quot onblur quot    quot oncancel quot    quot oncanplay quot    quot oncanplaythrough quot    quot onchange quot    quot onclick quot    quot onclose quot    quot oncontextmenu quot    quot oncuechange quot    quot ondblclick quot    quot ondrag quot    quot ondragend quot    quot ondragenter quot    quot ondragleave quot    quot ondragover quot    quot ondragstart quot    quot ondrop quot    quot ondurationchange quot    quot onemptied quot    quot onended quot    quot onerror quot    quot onfocus quot    quot onformdata quot    quot oninput quot    quot oninvalid quot    quot onkeydown quot    quot onkeypress quot    quot onkeyup quot    quot onload quot    quot onloadeddata quot    quot onloadedmetadata quot    quot onloadstart quot    quot onmousedown quot    quot onmouseenter quot    quot onmouseleave quot    quot onmousemove quot    quot onmouseout quot    quot onmouseover quot    quot onmouseup quot    quot onmousewheel quot    quot onpause quot    quot onplay quot    quot onplaying quot    quot onprogress quot    quot onratechange quot    quot onreset quot    quot onresize quot    quot onscroll quot    quot onseeked quot    quot onseeking quot    quot onselect quot    quot onstalled quot    quot onsubmit quot    quot onsuspend quot    quot ontimeupdate quot    quot ontoggle quot    quot onvolumechange quot    quot onwaiting quot    quot onwebkitanimationend quot    quot onwebkitanimationiteration quot    quot onwebkitanimationstart quot    quot onwebkittransitionend quot    quot onwheel quot    quot onauxclick quot    quot ongotpointercapture quot    quot onlostpointercapture quot    quot onpointerdown quot    quot onpointermove quot    quot onpointerup quot    quot onpointercancel quot    quot onpointerover quot    quot onpointerout quot    quot onpointerenter quot    quot onpointerleave quot    quot onselectstart quot    quot onselectionchange quot    quot onanimationend quot    quot onanimationiteration quot    quot onanimationstart quot    quot ontransitionrun quot    quot ontransitionstart quot    quot ontransitionend quot    quot ontransitioncancel quot    quot onafterprint quot    quot onbeforeprint quot    quot onbeforeunload quot    quot onhashchange quot    quot onlanguagechange quot    quot onmessage quot    quot onmessageerror quot    quot onoffline quot    quot ononline quot    quot onpagehide quot    quot onpageshow quot    quot onpopstate quot    quot onrejectionhandled quot    quot onstorage quot    quot onunhandledrejection quot    quot onunload quot    quot alert quot    quot atob quot    quot blur quot    quot btoa quot    quot cancelAnimationFrame quot    quot cancelIdleCallback quot    quot captureEvents quot    quot clearInterval quot    quot clearTimeout quot    quot close quot    quot confirm quot    quot createImageBitmap quot    quot fetch quot    quot find quot    quot focus quot    quot getComputedStyle quot    quot getSelection quot    quot matchMedia quot    quot moveBy quot    quot moveTo quot    quot open quot    quot postMessage quot    quot print quot    quot prompt quot    quot queueMicrotask quot    quot releaseEvents quot    quot requestAnimationFrame quot    quot requestIdleCallback quot    quot resizeBy quot    quot resizeTo quot    quot scroll quot    quot scrollBy quot    quot scrollTo quot    quot setInterval quot    quot setTimeout quot    quot stop quot    quot webkitCancelAnimationFrame quot    quot webkitRequestAnimationFrame quot    quot chrome quot    quot caches quot    quot ondevicemotion quot    quot ondeviceorientation quot    quot ondeviceorientationabsolute quot    quot originAgentCluster quot    quot cookieStore quot    quot showDirectoryPicker quot    quot showOpenFilePicker quot    quot showSaveFilePicker quot    quot speechSynthesis quot    quot onpointerrawupdate quot    quot trustedTypes quot    quot crossOriginIsolated quot    quot openDatabase quot    quot webkitRequestFileSystem quot    quot webkitResolveLocalFileSystemURL quot          for  const key of Object keys window             if   standardGlobals has key                 console log key                     The script works well as a bookmarklet  To use the script as a bookmarklet  create a new bookmark and replace the URL with the following  javascript       gt        const standardGlobals   new Set   quot window quot    quot self quot    quot document quot    quot name quot    quot location quot    quot customElements quot    quot history quot    quot locationbar quot    quot menubar quot    quot personalbar quot    quot scrollbars quot    quot statusbar quot    quot toolbar quot    quot status quot    quot closed quot    quot frames quot    quot length quot    quot top quot    quot opener quot    quot parent quot    quot frameElement quot    quot navigator quot    quot origin quot    quot external quot    quot screen quot    quot innerWidth quot    quot innerHeight quot    quot scrollX quot    quot pageXOffset quot    quot scrollY quot    quot pageYOffset quot    quot visualViewport quot    quot screenX quot    quot screenY quot    quot outerWidth quot    quot outerHeight quot    quot devicePixelRatio quot    quot clientInformation quot    quot screenLeft quot    quot screenTop quot    quot defaultStatus quot    quot defaultstatus quot    quot styleMedia quot    quot onsearch quot    quot isSecureContext quot    quot performance quot    quot onappinstalled quot    quot onbeforeinstallprompt quot    quot crypto quot    quot indexedDB quot    quot webkitStorageInfo quot    quot sessionStorage quot    quot localStorage quot    quot onabort quot    quot onblur quot    quot oncancel quot    quot oncanplay quot    quot oncanplaythrough quot    quot onchange quot    quot onclick quot    quot onclose quot    quot oncontextmenu quot    quot oncuechange quot    quot ondblclick quot    quot ondrag quot    quot ondragend quot    quot ondragenter quot    quot ondragleave quot    quot ondragover quot    quot ondragstart quot    quot ondrop quot    quot ondurationchange quot    quot onemptied quot    quot onended quot    quot onerror quot    quot onfocus quot    quot onformdata quot    quot oninput quot    quot oninvalid quot    quot onkeydown quot    quot onkeypress quot    quot onkeyup quot    quot onload quot    quot onloadeddata quot    quot onloadedmetadata quot    quot onloadstart quot    quot onmousedown quot    quot onmouseenter quot    quot onmouseleave quot    quot onmousemove quot    quot onmouseout quot    quot onmouseover quot    quot onmouseup quot    quot onmousewheel quot    quot onpause quot    quot onplay quot    quot onplaying quot    quot onprogress quot    quot onratechange quot    quot onreset quot    quot onresize quot    quot onscroll quot    quot onseeked quot    quot onseeking quot    quot onselect quot    quot onstalled quot    quot onsubmit quot    quot onsuspend quot    quot ontimeupdate quot    quot ontoggle quot    quot onvolumechange quot    quot onwaiting quot    quot onwebkitanimationend quot    quot onwebkitanimationiteration quot    quot onwebkitanimationstart quot    quot onwebkittransitionend quot    quot onwheel quot    quot onauxclick quot    quot ongotpointercapture quot    quot onlostpointercapture quot    quot onpointerdown quot    quot onpointermove quot    quot onpointerup quot    quot onpointercancel quot    quot onpointerover quot    quot onpointerout quot    quot onpointerenter quot    quot onpointerleave quot    quot onselectstart quot    quot onselectionchange quot    quot onanimationend quot    quot onanimationiteration quot    quot onanimationstart quot    quot ontransitionrun quot    quot ontransitionstart quot    quot ontransitionend quot    quot ontransitioncancel quot    quot onafterprint quot    quot onbeforeprint quot    quot onbeforeunload quot    quot onhashchange quot    quot onlanguagechange quot    quot onmessage quot    quot onmessageerror quot    quot onoffline quot    quot ononline quot    quot onpagehide quot    quot onpageshow quot    quot onpopstate quot    quot onrejectionhandled quot    quot onstorage quot    quot onunhandledrejection quot    quot onunload quot    quot alert quot    quot atob quot    quot blur quot    quot btoa quot    quot cancelAnimationFrame quot    quot cancelIdleCallback quot    quot captureEvents quot    quot clearInterval quot    quot clearTimeout quot    quot close quot    quot confirm quot    quot createImageBitmap quot    quot fetch quot    quot find quot    quot focus quot    quot getComputedStyle quot    quot getSelection quot    quot matchMedia quot    quot moveBy quot    quot moveTo quot    quot open quot    quot postMessage quot    quot print quot    quot prompt quot    quot queueMicrotask quot    quot releaseEvents quot    quot requestAnimationFrame quot    quot requestIdleCallback quot    quot resizeBy quot    quot resizeTo quot    quot scroll quot    quot scrollBy quot    quot scrollTo quot    quot setInterval quot    quot setTimeout quot    quot stop quot    quot webkitCancelAnimationFrame quot    quot webkitRequestAnimationFrame quot    quot chrome quot    quot caches quot    quot ondevicemotion quot    quot ondeviceorientation quot    quot ondeviceorientationabsolute quot    quot originAgentCluster quot    quot cookieStore quot    quot showDirectoryPicker quot    quot showOpenFilePicker quot    quot showSaveFilePicker quot    quot speechSynthesis quot    quot onpointerrawupdate quot    quot trustedTypes quot    quot crossOriginIsolated quot    quot openDatabase quot    quot webkitRequestFileSystem quot    quot webkitResolveLocalFileSystemURL quot         for  const key of Object keys window             if   standardGlobals has key                 console log key

User · Answer

Open the console and then enter    keys window  to see variables dir window  to see objects

User · Answer

When script execution is halted  e g   on a breakpoint  you can simply view all globals in the right pane of the Developer Tools window

User · Answer

The window object contains all the public variables  so you can type it in the console and then expand to view all variables attributes functions

User · Answer

Updated method from same article Avindra mentioned  mdash  injects iframe and compare its contentWindow properties to global window properties    x000D   x000D   function     x000D    var iframe   document createElement  iframe    x000D    iframe onload   function     x000D      var iframeKeys   Object keys iframe contentWindow   x000D      Object keys window  forEach function key    x000D        if   iframeKeys indexOf key   gt  -1     x000D          console log key   x000D          x000D          x000D       x000D    iframe src    about blank   x000D    document body appendChild iframe   x000D        x000D   x000D   x000D

User · Answer

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

User · Answer

List the variable and their values  for var b in window    if window hasOwnProperty b   console log b       window b          Display the value of a particular variable object  console log JSON stringify content of some variable object       Sources  comment from  northern-bradley and answer from  nick-craver

User · Answer

Type  this in the console    to get the window object I think     I think it s basically the same as typing window in the console   It works at least in Firefox  amp  chrome

[javascript] View list of all JavaScript variables in Google Chrome Console

Examples related to javascript

Examples related to google-chrome

Examples related to google-chrome-devtools