IE 8 beta 의 develper tool

IE 8 beta 가 3월 6일 relase 되었다. 여러 가지기능들이 있다고 자랑을 하고 있는데 그 중 반가운 기능이 있어서 소개한다.

IE에서 web application을 개발하면서 겪게 되는 어려움들은 javascript를 debugging하기 어렵다는 것과, CSS 의 스타일을 보기 어렵다는 것이다. 상대적으로 firefox에서는 firebug 를 비롯한 강력한 plugin들의 도움을 받을 수 있어서 IE의 불편함은 더욱 크게 느껴진다. MS에서는 이런 불만에 대한 대응으로 IE developer toolbars 제공하고 있지만, 그렇게 효과적인 것 같지는 않다.(저는 사용 안해봐서 잘 모르겠습니다.)

 

IE8 에서는 Javascript debugging기능과 DOM Element들의 구조와 CSS를 확인하기 기능을 제공해 주는 Developer tools를 포함하고 있다.  IE8 beta를 통해 간단히 살펴보니 firebug에 비해 불편한 감이 없진 얺지만 반가운 일이 아닐 수 없다.

 

Developer Tools

아래의 화살표를 클릭하거나 단축키 Shift-F12를 통해 Developer Tools를 열 수 있다.

 

Javascript Debugging

developer Tools 의 Script tab을 누르면 Javascript debugging을 할 수 있는 환경을 제공해 준다.

 

HTML 및 CSS 확인

developer Tools의 화살표를 누른 상태에서 원하는 HTML TAG를 선택하면 그 TAG에 적용된 CSS style이 나온다.

Style의 check box를 이용해서 style를 적용시키거나 그러지 않을 수 있다. 아쉽게도 sytle을 추가하거나 수정할 수는 없나보다.

 

아직까지는 firebug에 비해 사용하기 불편하고, 기능도 부족하지만, MS가 지금까지 그랬듯이 훌륭하게 개선시킬 것이라고 믿는다.