2010-03-12 7 views
36

Chrome이나 Firefox에서 JavaScript를 디버깅하는 데 사용되는 것은 개발자 도구가 IE보다 훨씬 깔끔하기 때문입니다. IE8은 개발자 도구가 더 멋지게 변해가는 길을 따라 왔지만, 여전히 완전히 스너프하지는 않습니다. 저는 Visual Studio에있는 것처럼 코드를 단계별로 실행할 수있는 것을 좋아합니다. 그러나 Firefox/Chrome/등의 객체에서 간단한 console.log를하려고 할 때 IE에 대해서는 꽤 좋습니다. 나는 그 물건을 실제로 탐험 할 수있다./등 크롬/파이어 폭스에서 [개체 개체]방금 ​​출력 한 객체의 Console.log [object Object]

처럼 IE에서 해당 개체를 드릴 다운 할 수있는 방법이 있나요 :

LOG :

IE에서, 콘솔은 단순히 다음을 출력한다.?

+3

[JavaScript8을 IE8에서 어떻게 버릴 수 있습니까?] (http://stackoverflow.com/questions/1956384/how-do-i-dump-javascript-vars-in-ie8) – fresskoma

+0

http :// /stackoverflow.com/questions/1306232/how-to-debug-javascript-with-ie-8 – ColacX

답변

11

을 어쩌면 당신은 사비 여기에 무엇을 제안 시도 할 수 있습니다 : How do I dump JavaScript vars in IE8?

+0

그래, 이건 디버깅에 좋지만 완전히 내가 찾던 것이 아니야. – StephenPAdams

+0

질문에 대한 답변을 추가 할 수 있습니까? 다른 사이트는 내려 가고 변경하며 편집 할 수 없습니다. – mikemaccana

51

당신이 시도 할 수 있습니다 :

console.log(JSON.stringify(foobarObject)); 
+0

아마 내가 잘못 이해하고 있지만 입력 필드에 "console.log ('foo')"라고 입력하면 콘솔 창 아래쪽에 콘솔 (위의 텍스트 영역)이 표시됩니다. >> console.log ('foo') undefined –

+0

또한 "LOG : foo"메시지가 있어야합니다. console.log는 콘솔에서도 출력되는 undefined를 반환합니다. IE9에서는 콘솔에서 정의되지 않은 결과를 표시하지 않도록 변경되었습니다. – Andy

29

사용 :

console.dir(obj); 

이 뜻이 개체의 모든 속성을 당신에게 줄 것이다 또한 IE에서.

+8

주 : console.dir에는 첫 번째 레벨의 특성 만 표시됩니다. console.dir (a)의 결과는 다음과 같습니다. { \t a : {a : 'b', b : {a : 'b', b : 'c'}} "b", \t b : [object Object] –

+0

예, 클래스 등의 객체에는 유용하지 않습니다. – brianlmerritt

0

개체를 추가하면 시계 패널에서 개체를보고 분석 할 수 있습니다.

+0

객체가 전역 범위에있는 경우에만 작동합니다. –