Liste aller JavaScript-Variablen in Google Chrome Console anzeigen

Question

In Firebug zeigt die Registerkarte DOM eine Liste aller öffentlichen Variablen und Objekte an. In der Chrome-Konsole müssen Sie den Namen der öffentlichen Variablen oder des Objekts eingeben, das Sie untersuchen möchten.

Gibt es eine Möglichkeit - oder zumindest einen Befehl - für die Chrome-Konsole, eine Liste aller öffentlichen Variablen und Objekte anzuzeigen? Es spart viel Tipparbeit.

Answer 1

Ist das die Art von Ausgabe, die Sie suchen?

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

Das wird alles auf das window Objekt (alle Funktionen und Variablen, zum Beispiel $ und jQuery auf dieser Seite, etc) auflisten. Obwohl, das ist eine ganz Liste, nicht sicher, wie nützlich es ist ...

Ansonsten tun nur window und starten Sie es den Baum hinunter:

window 

Dies werden Sie DOMWindow, ein erweiterbares/erforschbaren Objekt .

Answer 2

Das Objekt window enthält alle öffentlichen Variablen. Sie können es also in der Konsole eingeben und dann erweitern, um alle Variablen/Attribute/Funktionen anzuzeigen.

Answer 3

Wie alle „öffentlichen Variablen“ sind in der Tat Eigenschaften des Window-Objekt (der Fenster/Tab Sie suchen), können Sie einfach das „Fenster“ inspizieren stattdessen widersprechen. Wenn Sie mehrere Frames haben, müssen Sie das richtige Fensterobjekt (wie in Firebug) sowieso auswählen.

Answer 4

Sie können diese Firebug lite Erweiterung für Chrome ausprobieren.

Answer 5

Wenn die Skriptausführung wird angehalten (zB auf einem Breakpoint) Sie können einfach alle Globals im rechten Bereich des Entwicklertools Fenster anzuzeigen:

Answer 6

Answer 7

Öffnen Sie die Konsole und dann eingeben:

• keys(window) Variablen sehen
• dir(window) auf Objekte sehen

Answer 8

Wenn Sie alle Standardeigenschaften der Fensterobjekt und Ansicht anwendungsspezifische Globals ausschließen wollen, dies wird sie in die Chrome-Konsole aus:

(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);})() 

Das Skript funktioniert gut als Bookmarklet. Um das Skript als Bookmarklet zu verwenden, um ein neues Lesezeichen erstellen und ersetzen Sie die URL mit dem folgenden:

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);})() 

Answer 9

David Walsh hat eine schöne Lösung. Hier ist mein Ansatz, der seine Lösung mit dem kombiniert, was in diesem Thread ebenfalls entdeckt wurde.

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 hat jetzt nur noch die Globals.

Answer 10

Um eine Variable in Chrome anzuzeigen, gehen Sie zu "Quellen" und dann "Beobachten" und fügen Sie sie hinzu. Wenn Sie hier die Variable "window" hinzufügen, können Sie sie erweitern und erkunden.

Answer 11

Aktualisierte Methode von demselben article Avindra erwähnt — injiziert iframe und vergleicht seine contentWindow Eigenschaften zu globalen Fenstereigenschaften.

(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); 
 
})();