Lihat daftar semua variabel JavaScript di Google Chrome Console

Di Firebug, tab DOM menampilkan daftar semua variabel dan objek publik Anda. Di konsol Chrome, Anda harus mengetik nama variabel publik atau objek yang ingin Anda jelajahi.

Apakah ada cara - atau setidaknya perintah - untuk konsol Chrome untuk menampilkan daftar semua variabel dan objek publik? Ini akan menghemat banyak pengetikan.

Apakah ini jenis output yang Anda cari?

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

Ini akan mencantumkan semua yang tersedia pada windowobjek (semua fungsi dan variabel, misalnya, $dan jQuerypada halaman ini, dll.). Padahal, ini daftar yang cukup; tidak yakin seberapa membantu itu ...

Kalau tidak, lakukan saja windowdan mulai turun pohonnya:

window

Ini akan memberi Anda DOMWindow, objek yang dapat diperluas / dieksplorasi.

Ketika eksekusi skrip dihentikan (misalnya, pada breakpoint) Anda bisa melihat semua global di panel kanan jendela Tools Developer:

Buka konsol dan kemudian masukkan:

• keys(window) untuk melihat variabel
• dir(window) untuk melihat objek

The windowobjek berisi semua variabel publik, sehingga Anda dapat mengetik di konsol dan kemudian memperluas untuk melihat semua variabel / atribut / fungsi.

Jika Anda ingin mengecualikan semua properti standar objek jendela dan melihat global spesifik aplikasi, ini akan mencetaknya ke konsol 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);})()

Script berfungsi dengan baik sebagai bookmarklet. Untuk menggunakan skrip sebagai bookmarklet, buat bookmark baru dan ganti URL dengan yang berikut:

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 memiliki solusi yang bagus untuk ini. Inilah pendapat saya tentang ini, menggabungkan solusinya dengan apa yang telah ditemukan di utas ini juga.

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 sekarang hanya memiliki global.

Ketikkan pernyataan berikut di konsol javascript:

debugger

Sekarang Anda dapat memeriksa ruang lingkup global menggunakan alat debug normal.

Agar adil, Anda akan mendapatkan semua yang ada di windowruang lingkup, termasuk browser bawaan, jadi itu mungkin semacam pengalaman jarum-in-a-tumpukan jerami. : /

Anda mungkin ingin mencoba ekstensi Firebug lite ini untuk Chrome.

Untuk melihat variabel apa pun di chrome, buka "Sumber", lalu "Tonton" dan tambahkan. Jika Anda menambahkan variabel "jendela" di sini maka Anda dapat mengembangkannya dan menjelajah.

Metode yang diperbarui dari artikel yang sama yang disebutkan Avindra - menyuntikkan iframe dan membandingkan contentWindowpropertinya dengan properti jendela 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);
})();

Ketik: thisdi konsol,

untuk mendapatkan window objectI think (?), saya pikir pada dasarnya sama dengan mengetik windowdi konsol.

Ini berfungsi setidaknya di Firefox & chrome.

Karena semua "variabel publik" sebenarnya adalah properti dari objek jendela (dari jendela / tab yang Anda lihat), Anda dapat memeriksa objek "jendela" saja. Jika Anda memiliki banyak bingkai, Anda harus memilih objek jendela yang benar (seperti di Firebug).

Coba perintah sederhana ini:

console.log (jendela)

Daftar variabel dan nilainya

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

Menampilkan nilai objek variabel tertentu

console.log(JSON.stringify(content_of_some_variable_object))

Sumber: komentar dari @ north-bradley dan jawaban dari @ nick-craver