javascript 인터넷익스플로어(IE)에서 개발자도구를 띄워야만 작동하는 현상

 

개발중인 웹사이트에서..

 

IE 특정버전(?)에서 자바스크립트가 잘 동작하지 않는 문제를 발견..

크롬에서는 너무나 잘되는 동작인데 이상하다 싶어서..

 

 

 

뒤지다보니..

 

IE는 개발자도구(F12)를 띄워야만 console 객체가 로드 된다는 걸 알게 되었다.

결국 개발자도구를 띄우지 않으면 console.log를 찍어주는 부분에서 멈춰버리는 것이다..

 

웃기게도 뭐가 문젠지 보려고 개발자 도구만 올리면 잘 동작하는 마당에 상당히 멘붕이 왔었다..

 

 

결론적으로 console.log와 같은 디버그 문장을 걸 때는 반드시..

브라우저별 호환성을 위해 아래와 같이 적어줘야 한다..

 

if(typeof console == "object") console.log("블라블라");

 

console로그 객체가 띄워졌는지 반드시 확인 한 다음 로그를 찍도록 해줘야하겠다..

 

끗~