Chrome 콘솔에서 모든 JavaScript 변수 목록보기

Firebug의 DOM 탭에는 모든 공용 변수 및 객체 목록이 표시됩니다. Chrome 콘솔에서 탐색하려는 공개 변수 또는 객체의 이름을 입력해야합니다.

Chrome 콘솔에 모든 공용 변수 및 객체 목록을 표시하는 방법 또는 최소한 명령이 있습니까? 많은 타이핑을 저장합니다.

이것은 당신이 찾고있는 종류의 출력입니까?

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

이 의지 목록상의 가능한 모든 window객체 (예를 들어, 모든 함수와 변수, $그리고 jQuery이 페이지 등). 그러나 이것은 상당히 목록입니다. 그것이 얼마나 도움이되는지 모르겠다 ...

그렇지 않으면 그냥 window나무 아래로 내려 가기 시작하십시오.

window

이렇게하면 DOMWindow확장 / 탐색 가능한 객체가됩니다.

스크립트 실행이 중단되면 (예 : 중단 점) 개발자 도구 창의 오른쪽 창에서 모든 전역을 볼 수 있습니다.

콘솔을 열고 다음을 입력하십시오.

• keys(window) 변수를 보려면
• dir(window) 사물을보기 위해

window콘솔에 입력 한 후 모든 변수 / 속성 / 기능을 볼 수 확장 할 수 있도록 객체는, 모든 공용 변수가 포함되어 있습니다.

창 개체의 모든 표준 속성을 제외하고 응용 프로그램 별 전역을 보려면 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);})()

스크립트는 북마크릿으로 잘 작동합니다. 스크립트를 책갈피로 사용하려면 새 책갈피를 작성하고 URL을 다음으로 바꾸십시오.

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는이를위한 훌륭한 솔루션을 제공합니다. 여기 에이 스레드에서 발견 된 솔루션과 그의 솔루션이 결합되어 있습니다.

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 이제는 전 세계 만 있습니다.

자바 스크립트 콘솔에 다음 명령문을 입력하십시오.

debugger

이제 일반 디버그 도구를 사용하여 전역 범위를 검사 할 수 있습니다.

공평하게 말하면 브라우저 내장을 포함 하여 범위 내 모든 것을 얻을 window수 있으므로 일종의 건초 더미 환경 일 수 있습니다. : /

Chrome 용 Firebug lite 확장 프로그램 을 사용해 볼 수 있습니다 .

크롬에서 변수를 보려면 "소스"로 이동 한 다음 "감시"로 이동하여 추가하십시오. 여기에 "창"변수를 추가하면 변수를 확장하고 탐색 할 수 있습니다.

Avindra가 언급 한 동일한 기사 에서 업데이트 된 방법 — iframe을 주입하고 해당 contentWindow속성을 전역 윈도우 속성 과 비교 합니다.

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

유형: this 콘솔에서,

window objectI think (?) 를 얻으려면 기본적으로 입력하는 것과 동일하다고 생각합니다.window 콘솔에 .

적어도 Firefox 및 Chrome에서 작동합니다.

모든 "공개 변수"는 실제로보고있는 창 / 탭의 창 개체 속성이므로 "창"개체를 대신 검사하면됩니다. 프레임이 여러 개인 경우 어쨌든 올바른 창 개체 (Firebug와 같은)를 선택해야합니다.

이 간단한 명령을 사용해보십시오 :

console.log (창)

변수와 그 값을 나열

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

특정 변수 객체의 값을 표시합니다

console.log(JSON.stringify(content_of_some_variable_object))

출처 : @ northern-bradley의 의견과 @ nick-craver의 답변