Programing

IE8에서 JavaScript 변수를 어떻게 덤프합니까?

crosscheck 2020. 10. 31. 09:23
반응형

IE8에서 JavaScript 변수를 어떻게 덤프합니까?


IE8에서 검사해야하는 개체가 있습니다. 나는 개발자 도구와 console.log그에 상응하는 Firebug를 사용해 보았습니다 . 그러나 객체를 로그에 출력 할 때 :

console.log("Element: ", element);
console.log(element);

나는 단지 문자열을 얻습니다

LOG: Element: [object Object]

클릭 할 수 있고 검사 할 수있는 덤프 대신.

객체를 로그에 덤프하고 Firebug에서와 같이 구성원을 검사 할 수 있습니까?

내가 검사하려는 요소가 너무 커서 브라우저가 나에게 충돌하기 때문에 수제 dump () 함수를 사용할 수 없습니다.


내가 도움이 된 한 가지 기술은 다음과 같습니다.

  • 개발자 도구 모음을 엽니 다 (F12 키를 누름).
  • "스크립트"탭으로 이동
  • "디버깅 시작"버튼을 클릭합니다.
  • 다음으로 콘솔에 "debugger"를 입력하고 엔터를 누르세요. 중단 점을 트리거해야합니다.
  • "보기"하위 탭으로 이동
  • "추가하려면 클릭 ..."행을 클릭하고 조사 할 변수를 입력하십시오. 변수는 전역 적으로 사용할 수 있어야합니다.
  • 이 시점에서 나무와 같은 UI로 변수를 검사 할 수 있어야합니다.
  • 디버깅이 완료되면 계속 버튼을 클릭하거나 F5 키를 누릅니다.

약간의 주제 (DOM 요소에서는 작동하지 않기 때문에)하지만 JSON.stringify (object )를 사용하여 꽤 읽기 쉬운 객체에 대한 JSON 문자열을 얻는 것이 편리하다는 것을 알았습니다 .


@Chris는 간단한 솔루션으로 @Andy의 대답을 언급했습니다 console.dir(myObj). IE의 콘솔에서 모든 세부 정보를 인쇄하는 데 사용합니다. 고마워 크리스!


불쾌한 코드를 처리하고 console.log를 사용할 수없는 경우 콘솔에서 다음을 시도하십시오.

out = []; for (i in your_object) { out.push(i) } out.join("\n")

한 가지 제안은 Firebug-Lite 를 사용하는 것입니다 . 콘솔 obj를 래핑하고 대부분의 firebug 콘솔에서와 같이 IE에서 결과를 볼 수 있습니다. 이 도움을 바랍니다.


페이지에 다음 태그 추가 :

<script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>

그리고 모든 것이 작동합니다.

내 시스템에서 작동합니다.

참고 :이 솔루션을 시도하십시오.


Xavi의 탁월한 답변의 그림 버전 :

여기에 이미지 설명 입력


나는 이것이 정말 오래된 질문이라는 것을 알고 있지만 지금 막 이에 대한 답을 찾고있었습니다. IE 콘솔 (그다지 좋지 않은 IMO)을 사용하는 것이 절대적인 요구 사항이 아니라면 Firebug Lite ( http://getfirebug.com/firebuglite ) 사용을 고려할 수 있습니다 . 완벽한 솔루션은 아니며 해당 스크립트를 프로덕션 환경으로 푸시하고 싶지 않을 수 있으며 Firebug만큼 완전한 기능을 제공하지는 않지만 다음과 같은 저가형 브라우저를 많이 사용해야 할 때 매우 좋습니다. IE.


약간 두툼하지만 DOM 객체에서 작동합니다.

 console.log( testNode.outerHTML.replace(testNode.innerHTML,"") ); 

기존 HMTL 요소에 덤프

IE 11이 1027 자 후에 콘솔 행을 제거하는 것을 발견했습니다.-/ 덤프 할 큰 개체 (12,000 자)가있을 때 콘텐츠를 복사 할 수있는 기존 DIV-Oder TextArea-Element에 덤프했습니다.

var str = JSON.stringify(myObject);
$('#existing-element').text(str); // jQuery or
document.querySelector("#existing-element").innerHTML = str; // native JavaScript

console.log (element.toString ()) 여기에서 친구가 될 수 있습니다 ...

참고 URL : https://stackoverflow.com/questions/1956384/how-do-i-dump-javascript-vars-in-ie8

반응형