Xem danh sách tất cả các biến JavaScript trong Bảng điều khiển Google Chrome

Trong Fireorms, tab DOM hiển thị danh sách tất cả các biến và đối tượng công khai của bạn. Trong bảng điều khiển của Chrome, bạn phải nhập tên của biến công khai hoặc đối tượng bạn muốn khám phá.

Có cách nào - hoặc ít nhất là một lệnh - để bảng điều khiển của Chrome hiển thị danh sách tất cả các biến và đối tượng công khai không? Nó sẽ tiết kiệm rất nhiều gõ.

Đây có phải là loại đầu ra bạn đang tìm kiếm?

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

Điều này sẽ liệt kê mọi thứ có sẵn trên windowđối tượng (tất cả các hàm và biến, ví dụ, $và jQuerytrên trang này, v.v.). Mặc dù, đây là một danh sách khá; không chắc nó hữu ích đến thế nào ...

Nếu không, chỉ cần làm windowvà bắt đầu đi xuống cây của nó:

window

Điều này sẽ cung cấp cho bạn DOMWindow, một đối tượng có thể mở rộng / khám phá.

Khi việc thực thi tập lệnh bị tạm dừng (ví dụ: trên một điểm dừng), bạn có thể chỉ cần xem tất cả các phần tử trong khung bên phải của cửa sổ Công cụ dành cho nhà phát triển:

Mở bàn điều khiển và sau đó nhập:

• keys(window) để xem các biến
• dir(window) để xem đồ vật

Đối windowtượng chứa tất cả các biến công khai, vì vậy bạn có thể nhập nó vào bàn điều khiển và sau đó mở rộng để xem tất cả các biến / thuộc tính / hàm.

Nếu bạn muốn loại trừ tất cả các thuộc tính tiêu chuẩn của đối tượng cửa sổ và xem toàn cầu dành riêng cho ứng dụng, điều này sẽ in chúng ra bảng điều khiển 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);})()

Kịch bản hoạt động tốt như một bookmarklet. Để sử dụng tập lệnh dưới dạng bookmarklet, hãy tạo một dấu trang mới và thay thế URL bằng cách sau:

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 có một giải pháp tốt cho việc này. Đây là ý kiến ​​của tôi về việc này, kết hợp giải pháp của anh ấy với những gì đã được phát hiện trên chủ đề này.

https://davidwalsh.name/global-variabled-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 bây giờ chỉ có toàn cầu.

Nhập câu lệnh sau trong bảng điều khiển javascript:

debugger

Bây giờ bạn có thể kiểm tra phạm vi toàn cầu bằng cách sử dụng các công cụ gỡ lỗi thông thường.

Công bằng mà nói, bạn sẽ có được mọi thứ trong windowphạm vi, bao gồm cả trình duyệt được tích hợp sẵn, do đó, đây có thể là một trải nghiệm kim chỉ nam. : /

Bạn có thể muốn dùng thử tiện ích mở rộng Firebird lite này cho Chrome.

Để xem bất kỳ biến nào trong chrome, hãy chuyển đến "Nguồn" và sau đó "Xem" và thêm nó. Nếu bạn thêm biến "window" ở đây thì bạn có thể mở rộng nó và khám phá.

Phương pháp cập nhật từ cùng một bài viết Avindra đã đề cập - tiêm iframe và so sánh các contentWindowthuộc tính của nó với các thuộc tính cửa sổ toàn cầu.

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

Nhập: thistrong bảng điều khiển,

để hiểu ý window objecttôi (?), tôi nghĩ về cơ bản nó giống như gõ windowvào bảng điều khiển.

Nó hoạt động ít nhất trong Firefox & chrome.

Vì tất cả các "biến công khai" trên thực tế là thuộc tính của đối tượng cửa sổ (của cửa sổ / tab bạn đang xem), bạn chỉ có thể kiểm tra đối tượng "cửa sổ". Nếu bạn có nhiều khung hình, bạn sẽ phải chọn đúng đối tượng cửa sổ (như trong Fireorms).

Hãy thử lệnh đơn giản này:

console.log (cửa sổ)

Liệt kê biến và giá trị của chúng

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

Hiển thị giá trị của một đối tượng biến cụ thể

console.log(JSON.stringify(content_of_some_variable_object))

Nguồn: nhận xét từ @ south-bradley và trả lời từ @ nick-craver