IE 8 beta 의 develper tool

920130 IE 8 beta 의 develper tool 807970 2008-03-10T03:55:20Z http://aproxacs.springnote.com/pages/920130 2008-03-10T02:03:42Z <a href="http://blogs.msdn.com/ie/archive/2008/03/05/internet-explorer-8-beta-1-for-developers-now-available.aspx" title="IE 8 beta" class="external">IE 8 beta</a> 가 3월 6일 relase 되었다. 여러 가지기능들이 있다고 자랑을 하고 있는데 그 중 반가운 기능이 있어서 소개한다. IE에서 web application을 개발하면서 겪게 되는 어려움들은 javascript를 debugging하기 어렵다는 것과, CSS 의 스타일을 보기 어렵다는 것이다. 상대적으로 firefox에서는 <a href="http://www.getfirebug.com/" title="firebug" class="external">firebug</a> 를 비롯한 강력한 plugin들의 도움을 받을 수 있어서 IE의 불편함은 더욱 크게 느껴진다. MS에서는 이런 불만에 대한 대응으로 <a href="http://www.microsoft.com/downloads/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en" class="external" title="IE develope toolbars">IE developer toolbars</a> 제공하고 있지만, 그렇게 효과적인 것 같지는 않다.(저는 사용 안해봐서 잘 모르겠습니다.)   IE8 에서는 Javascript debugging기능과 DOM Element들의 구조와 CSS를 확인하기 기능을 제공해 주는 Developer tools를 포함하고 있다.  IE8 beta를 통해 간단히 살펴보니 firebug에 비해 불편한 감이 없진 얺지만 반가운 일이 아닐 수 없다.   <h6>Developer Tools</h6> 아래의 화살표를 클릭하거나 단축키 Shift-F12를 통해 Developer Tools를 열 수 있다. <img class="attachment" title="Toolbar.Icon.png" src="/pages/920130/attachments/387176" alt="Toolbar.Icon.png" />   <h6>Javascript Debugging</h6> developer Tools 의 Script tab을 누르면 Javascript debugging을 할 수 있는 환경을 제공해 준다. <img class="attachment" title="Debugger(1).png" src="/pages/920130/attachments/387192" alt="Debugger(1).png" />   <h6>HTML 및 CSS 확인</h6> developer Tools의 화살표를 누른 상태에서 원하는 HTML TAG를 선택하면 그 TAG에 적용된 CSS style이 나온다. Style의 check box를 이용해서 style를 적용시키거나 그러지 않을 수 있다. 아쉽게도 sytle을 추가하거나 수정할 수는 없나보다. <img class="attachment" title="dev_toos.PNG" src="/pages/920130/attachments/387188" alt="dev_toos.PNG" />   아직까지는 firebug에 비해 사용하기 불편하고, 기능도 부족하지만, MS가 지금까지 그랬듯이 훌륭하게 개선시킬 것이라고 믿는다.     http://aproxacs.myid.net/ http://aproxacs.myid.net/ 55