Chrome DevTools에서 생성 한 모든 전역 변수를 나열하려면 어떻게합니까?

Question

일반적인 브라우저 환경에서는 전역 변수로 인해 쓰레기가 발생합니다.로드하는 웹 응용 프로그램은 대개 더 많습니다. devtools의 세션에서 측면을 추적 할 때, 창과 명령 행 내역에서 이상적으로 모으지 않고, 내가 다시 시작했는지를 신속하게 확인하기 위해 모든 자체 변수를 나열하고 싶습니다. 페이지 또는 브라우저 오브젝트 모델 (당신이 모든 전역 변수뿐 아니라 원하는 경우 그 당신이 개발자 도구에서 만든 there's a Q&A for that here.)

는

Answer 1

동적 전역으로 새로운 식별자를 누설하지 않는 페이지를 제공,이 해킹은 모든 ID를 나열 window 식별자 뒤에 작성된 것으로,이 목적을 위해 매우 잘 어울리는 것으로 보입니다. 그것은 아무것도보다 더 완벽한 건 아니지만,

function myids() { 
    function notUs(i) { return i !== 'myids' && i !== 'myvars'; } 
    var ids = Object.keys(window); 
    return ids.slice(ids.indexOf('window') + 1).filter(notUs); 
} 

function myvars() { 
    function gather(a, i) { a[i] = window[i]; return a; } 
    return myids().reduce(gather, {}); 
} 

을, 그리고 아니, 잘못된 반응 만이 있어야합니다 myvars() 당신이 검사 할 수있는 객체로를 수집하는 반면 myids() 단지, 자신의 이름을 나열 함께 맥락에서 그들 모두를 볼 수 있습니다 위음성.

Answer 2

기본적으로이 기능은 하나의 키를 걸러 낼 필요가 있지만 생성 된 키를 하나만 나열하면됩니다 (다른 키를 사용하는 방법은 없습니다). 필터링 할 내용을 알고 싶다면 keys(window) 및 dir(window)을 참조하십시오.

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