Veja a lista de todas as variáveis ​​JavaScript no Google Chrome Console

No Firebug, a guia DOM mostra uma lista de todas as suas variáveis ​​e objetos públicos. No console do Chrome, você deve digitar o nome da variável ou objeto público que deseja explorar.

Existe uma maneira - ou pelo menos um comando - para o console do Chrome exibir uma lista de todas as variáveis ​​e objetos públicos? Isso economizará muita digitação.

Esse é o tipo de saída que você está procurando?

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

Isso listará tudo o que está disponível no windowobjeto (todas as funções e variáveis, por exemplo, $e jQuerynesta página, etc.). Porém, esta é uma lista e tanto; não sei como é útil ...

Caso contrário, basta fazer windowe começar a descer em sua árvore:

window

Isso fornecerá DOMWindowum objeto expansível / explorável.

Quando a execução do script é interrompida (por exemplo, em um ponto de interrupção), você pode simplesmente visualizar todas as globais no painel direito da janela Ferramentas do desenvolvedor:

Abra o console e digite:

• keys(window) ver variáveis
• dir(window) ver objetos

O windowobjeto contém todas as variáveis ​​públicas, para que você possa digitá-lo no console e expandir para visualizar todas as variáveis ​​/ atributos / funções.

Se você deseja excluir todas as propriedades padrão do objeto window e visualizar os globais específicos do aplicativo, eles serão impressos no console do Chrome:

(function(){var standardGlobals=["top","window","location","external","chrome","document","inlineCSS","target","width","height","canvas","data","DOMURL","img","svg","ctx","url","w","a","speechSynthesis","webkitNotifications","localStorage","sessionStorage","applicationCache","webkitStorageInfo","indexedDB","webkitIndexedDB","crypto","CSS","performance","console","devicePixelRatio","styleMedia","parent","opener","frames","self","defaultstatus","defaultStatus","status","name","length","closed","pageYOffset","pageXOffset","scrollY","scrollX","screenTop","screenLeft","screenY","screenX","innerWidth","innerHeight","outerWidth","outerHeight","offscreenBuffering","frameElement","clientInformation","navigator","toolbar","statusbar","scrollbars","personalbar","menubar","locationbar","history","screen","postMessage","close","blur","focus","ondeviceorientation","ondevicemotion","onunload","onstorage","onresize","onpopstate","onpageshow","onpagehide","ononline","onoffline","onmessage","onhashchange","onbeforeunload","onwaiting","onvolumechange","ontimeupdate","onsuspend","onsubmit","onstalled","onshow","onselect","onseeking","onseeked","onscroll","onreset","onratechange","onprogress","onplaying","onplay","onpause","onmousewheel","onmouseup","onmouseover","onmouseout","onmousemove","onmouseleave","onmouseenter","onmousedown","onloadstart","onloadedmetadata","onloadeddata","onload","onkeyup","onkeypress","onkeydown","oninvalid","oninput","onfocus","onerror","onended","onemptied","ondurationchange","ondrop","ondragstart","ondragover","ondragleave","ondragenter","ondragend","ondrag","ondblclick","oncuechange","oncontextmenu","onclose","onclick","onchange","oncanplaythrough","oncanplay","oncancel","onblur","onabort","onwheel","onwebkittransitionend","onwebkitanimationstart","onwebkitanimationiteration","onwebkitanimationend","ontransitionend","onsearch","getSelection","print","stop","open","showModalDialog","alert","confirm","prompt","find","scrollBy","scrollTo","scroll","moveBy","moveTo","resizeBy","resizeTo","matchMedia","requestAnimationFrame","cancelAnimationFrame","webkitRequestAnimationFrame","webkitCancelAnimationFrame","webkitCancelRequestAnimationFrame","captureEvents","releaseEvents","atob","btoa","setTimeout","clearTimeout","setInterval","clearInterval","TEMPORARY","PERSISTENT","getComputedStyle","getMatchedCSSRules","webkitConvertPointFromPageToNode","webkitConvertPointFromNodeToPage","webkitRequestFileSystem","webkitResolveLocalFileSystemURL","openDatabase","addEventListener","removeEventListener","dispatchEvent"];
    var appSpecificGlobals={};
    for (var w in window){
        if (standardGlobals.indexOf(w)==-1) appSpecificGlobals[w]=window[w];
    }
    console.log(appSpecificGlobals);})()

O script funciona bem como um bookmarklet. Para usar o script como um bookmarklet, crie um novo favorito e substitua o URL pelo seguinte:

javascript:(function(){var standardGlobals=["top","window","location","external","chrome","document","inlineCSS","target","width","height","canvas","data","DOMURL","img","svg","ctx","url","w","a","speechSynthesis","webkitNotifications","localStorage","sessionStorage","applicationCache","webkitStorageInfo","indexedDB","webkitIndexedDB","crypto","CSS","performance","console","devicePixelRatio","styleMedia","parent","opener","frames","self","defaultstatus","defaultStatus","status","name","length","closed","pageYOffset","pageXOffset","scrollY","scrollX","screenTop","screenLeft","screenY","screenX","innerWidth","innerHeight","outerWidth","outerHeight","offscreenBuffering","frameElement","clientInformation","navigator","toolbar","statusbar","scrollbars","personalbar","menubar","locationbar","history","screen","postMessage","close","blur","focus","ondeviceorientation","ondevicemotion","onunload","onstorage","onresize","onpopstate","onpageshow","onpagehide","ononline","onoffline","onmessage","onhashchange","onbeforeunload","onwaiting","onvolumechange","ontimeupdate","onsuspend","onsubmit","onstalled","onshow","onselect","onseeking","onseeked","onscroll","onreset","onratechange","onprogress","onplaying","onplay","onpause","onmousewheel","onmouseup","onmouseover","onmouseout","onmousemove","onmouseleave","onmouseenter","onmousedown","onloadstart","onloadedmetadata","onloadeddata","onload","onkeyup","onkeypress","onkeydown","oninvalid","oninput","onfocus","onerror","onended","onemptied","ondurationchange","ondrop","ondragstart","ondragover","ondragleave","ondragenter","ondragend","ondrag","ondblclick","oncuechange","oncontextmenu","onclose","onclick","onchange","oncanplaythrough","oncanplay","oncancel","onblur","onabort","onwheel","onwebkittransitionend","onwebkitanimationstart","onwebkitanimationiteration","onwebkitanimationend","ontransitionend","onsearch","getSelection","print","stop","open","showModalDialog","alert","confirm","prompt","find","scrollBy","scrollTo","scroll","moveBy","moveTo","resizeBy","resizeTo","matchMedia","requestAnimationFrame","cancelAnimationFrame","webkitRequestAnimationFrame","webkitCancelAnimationFrame","webkitCancelRequestAnimationFrame","captureEvents","releaseEvents","atob","btoa","setTimeout","clearTimeout","setInterval","clearInterval","TEMPORARY","PERSISTENT","getComputedStyle","getMatchedCSSRules","webkitConvertPointFromPageToNode","webkitConvertPointFromNodeToPage","webkitRequestFileSystem","webkitResolveLocalFileSystemURL","openDatabase","addEventListener","removeEventListener","dispatchEvent"]; var $appSpecificGlobals={};for (var w in window){if (standardGlobals.indexOf(w)==-1) $appSpecificGlobals[w]=window[w];} window.$appSpecificGlobals=$appSpecificGlobals;console.log(window.$appSpecificGlobals);})()

David Walsh tem uma boa solução para isso. Aqui está minha opinião sobre isso, combinando sua solução com o que foi descoberto nesse segmento também.

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) && prop && !prop.toString().includes('native code') && !standardGlobals.includes(b)) {
        x[b] = prop;
      }
    }
    console.log(x)
};
iframe.src = 'about:blank';
document.body.appendChild(iframe);

x agora tem apenas os globais.

Digite a seguinte instrução no console javascript:

debugger

Agora você pode inspecionar o escopo global usando as ferramentas de depuração normais.

Para ser justo, você terá tudo no windowescopo, incluindo os embutidos no navegador; portanto, pode ser uma espécie de experiência do tipo "agulha no palheiro". : /

Você pode tentar esta extensão do Firebug Lite para Chrome.

Para visualizar qualquer variável no chrome, vá para "Fontes", depois "Assista" e adicione-a. Se você adicionar a variável "window" aqui, poderá expandi-la e explorar.

Método atualizado do mesmo artigo mencionado pela Avindra - injeta iframe e compara suas contentWindowpropriedades às propriedades da janela global.

(function() {
  var iframe = document.createElement('iframe');
  iframe.onload = function() {
    var iframeKeys = Object.keys(iframe.contentWindow);
    Object.keys(window).forEach(function(key) {
      if(!(iframeKeys.indexOf(key) > -1)) {
        console.log(key);
      }
    });
  };
  iframe.src = 'about:blank';
  document.body.appendChild(iframe);
})();

Digite: thisno console,

para obter o window objectque penso (?), acho que é basicamente o mesmo que digitar windowno console.

Funciona pelo menos no Firefox e chrome.

Como todas as "variáveis ​​públicas" são de fato propriedades do objeto window (da janela / guia que você está vendo), você pode apenas inspecionar o objeto "window". Se você tiver vários quadros, terá que selecionar o objeto de janela correto (como no Firebug) de qualquer maneira.

Tente este comando simples:

console.log (janela)

Listar a variável e seus valores

for(var b in window) { if(window.hasOwnProperty(b)) console.log(b+" = "+window[b]); }

Exibir o valor de um objeto variável específico

console.log(JSON.stringify(content_of_some_variable_object))

Fontes: comentário de @ northern-bradley e resposta de @ nick-craver