NARADESIGN

웹표준, 웹접근성, 유니버설디자인, HTML, CSS, UI, UX, UD


여러 버전의 IE에서 IE Developer Toolbar 사용하기.

본문 건너 뛰기

UI 개발자에게 여러가지 버전의 Internet Explorer와 디버그를 위한 Developer Toolbar는 필수 입니다. 그동안 Multiful IEIE Developer Toolbar를 각각 따로 설치해서 잘 사용해오고 있었는데 어제 웹초보님의 블로그를 통해서 ‘모든 버전의 IE를 패키지로 묶은 Internet Explorer Collection‘ 이라는 포스트를 접하게 되었습니다.

확인해 보니 IE 1.0 으로부터 최근에 나온 IE 8.0 RC1 버전까지 모두 사용할 수 있는 놀라운 패키지더군요. 또한 Standalone 형식의 프로그램에서도 IE Developer Toolbar를 두루 사용할 수 있다는 것도 장점 이었습니다. IE Developer Toolbar는 설치된 Collection의 IE 5.0 ~ IE 7.0 버전의 브라우저에서 사용이 가능하며 IE 8 브라우저는 자체적으로 개발자용 도구가 내장되어 있으므로 그것을 사용(‘F12’ 또는 ‘도구 > 개발자 도구’)하면 됩니다.

IE 5에서 IE Developer Toolbar를 실행한 모습

직접 설치해서 잘 작동하는 것을 보고(하지만 렌더링과 무관한 버그가 있음) 그동안 사용해 왔던 Multiful IE를 지웠습니다. Multiful IE도 여러 버전의 IE를 제공하고 있지만 IE Developer Toolbar 사용은 불가능 했습니다. 또 Multiful IE에는 IE 7 ~ IE 8 버전이 포함되어 있지 않습니다.

어제는 사용자들이 폭주를 했는지 저녁에는 잠깐 접속이 안되더니 오늘 아침에는 또 잘 되네요. ^^

다른 브라우저들도 Developer Toolbar는 모두 있습니다만 IE는 유난히 버그가 많기 때문에 Developer Toolbar를 가장 필요로 하는 브라우저 입니다. 내친김에 다른 브라우저들의 Developer Toolbar도 소개 합니다.

  • Firefox 3 : Firebug
  • Opera 9 : Dragonfly
  • Safari 3 : ‘편집 > 기본 설정 > 고급 > 메뉴 막대에서 개발자용 메뉴 보기’에 체크하면 메뉴가 활성화 됨
  • Chrome 1 : 현재 페이지 관리 > 개발자 정보 > 자바스크립트콘솔(Ctrl+Shift+J) 또는 콘텍스트메뉴에서 ‘요소검사’
  • Internet Explorer 8 : 도구 > 개발자 도구(F12)

유의사항

  • 설치된 모든 버전의 IE의 즐겨찾기(연결 포함)가 작동하지 않는 버그가 있습니다. 원인이나 해결방법을 아직 찾지 못했습니다.
  • 설치된 모든 버전의 IE에서 select, option 콘트롤이 작동하지 않는 버그가 있습니다. 원인이나 해결방법을 아직 찾지 못했습니다.
  • 설치전 IE가 기본 브라우저로 설정되어 있다면 기본 브라우저를 다른 브라우저로 바꾸셔야합니다.
  • Internet Explorer Collection 설치시 먼저 기존에 사용하시던 IE Developer Toolbar를 제거하는 것이 좋습니다. Collection 패키지에 IE Developer Toolbar 최신 버전(1.00.2188.0)이 이미 포함되어 있기 때문에 기존 낡은 버전의 Toolbar를 삭제하지 않으면 결국 서로 다른 버전의 Toolbar가 각각 설치 됩니다. 설치 직후 Developer Toolbar가 보이지 않거나 작동하지 않으면 IE 7 브라우저를 실행한 다음 ‘도구 > 추가기능관리(Tools > Manage Add-ons)’ 메뉴에서 IE Developer Toolbar가 Disable 되어 있는지 확인하시고 Enable 상태로 전환 하시면 됩니다.
분류: CSS,웹 표준,자바스크립트 | 2009년 2월 20일, 8:38 | 정찬명 | 댓글: 22개 |
트랙백URI - http://naradesign.net/wp/2009/02/20/648/trackback/

22개의 댓글이 있습니다.

  1. 앵겨 댓글:

    제가 설치를 잘못했는지는 잘 모르겠으나…
    설치했을때(IE7은 설치안했습니다…) IE7의 툴바중에 즐겨찾기를
    활성화 했는데도 불구하고 안보이는 문제와…ctrl + H 누를때 생기는
    즐겨찾기 창에서 즐겨찾기 해놓은 url로 이동안되는 문제점이 있었습니다.

    삭제를 해봤으나 똑같은 문제가 계속되어 결국 IE7을 재설치까지 했습니다…

    설치하실분들 혹시 모르니 참조하세요…

    하지만 기존에 IE Developer Toolbar가 다른 버전에서 지원안된다는
    점에서는 충분히 매력이 있네요!!
    제대로 잘….다시 설치를 한번해봐야겠네요….

  2. 정찬명 댓글:

    아뿔싸! 설치하기 전에 IE 브라우저를 기본 브라우저로 셋팅하면 안된다는 주의사항이 있었는데 제가 그부분을 언급하지 못했습니다. 잠시 후에 관련된 내용을 업데이트 하겠습니다. 코멘트 감사 합니다.

  3. 강규영 댓글:

    우왕ㅋ좋아요! Multiple IE는 이제 그만~

  4. 나에 댓글:

    IE7 설치된 상태에서 설치는 앵겨님 말씀처럼 주의해야됩니다..
    즐겨찾기가 병신되거든요…
    (그래서 결국 IE6으로 다운그레이드 하고 재설치했습니다;; )

  5. 웹초보 댓글:

    아.. 이런 주의사항이 있었군요. 제 경우엔 IE를 기본 브라우저로 지정하지 않아서 아무 문제 없었는데, 기본 브라우저로 사용하시는 분들은 문제가 생길수도 있겠군요.
    주의사항 좀 빌려서 제 블로그에 같이 걸어놓겠습니다.. ^^

  6. 모든 버전의 IE를 패키지로 묶은 Internet Explorer Collection 설치시……

    이 패키지(??)에 대한 정보는 네이X의 카페 하.코.사를 보고 처음 알았지만… 설치를 직접안해봤고 설명글 또한 충분치 않아 의아해 하다가 금일 블로그 나라디자인에 들렀다가 설명이 참~~으…

  7. Na! 댓글:

    vista인데.. 제일 필요한 IE6만 에러가 뜨더군요..
    (Na!만 그런지는 모르겠지만..)

    IE6 버전에의 Developer Toolbar의 필요성때문에 설치해봤는데..
    (IE7모드는 IE8 rc에서 더 좋은 개발도구로 확인할 수 있죠.)

    그냥 IETester로 계속…
    (IETester도 Developer Toolbar를 실행할수 있으면 좋을텐데 말입니다.)

  8. 정찬명 댓글:

    IE를 기본 브라우저로 설정 하는지의 여부와 관계없이 IE의 모든 버전에 대한 즐겨찾기가 먹통이 되는 문제가 있네요. 정식으로 설치된 IE의 즐겨찾기도 먹통이 됩니다. 지금 IE8 RC1 다시 까는중 ㅜㅜ;

  9. 후리자 댓글:

    셀렉트박스도 팝업차단 알림바가 뜨면서 안 열리네요;
    아직 설치는 이른 듯 합니다 ㅠ

  10. 정찬명 댓글:

    아~ 그것도 이녀석 때문이었군요. 아직 불안하군요. ㅜㅜ;

  11. 유원곤 댓글:

    흠..
    포함된 IE8의 탭 브라우징도 안되는군요 ㅎㅎ
    걍 보는 것으로 만족해야할 듯;;

  12. 하루에 댓글:

    Firefox를 기본 브라우저로 사용할 경우, Outlook에서 내부 링크가 연결되지 않는 경우도 있습니다.

    저두 설치하고 반나절만에 지웠습니다. 좋아라 했는데 말이죠… T.T

  13. 캡탈의 생각…

    여러 버전의 IE에서 IE Developer Toolbar 사용하기. – 오~ 근데 댓글을 보니 깔아보기 겁나네요… ^^;…

  14. hong! 댓글:

    난 괜찮을 게야! 하고 깔았는데 저도 속수무책이네요.
    즐겨찾기도 즐겨찾기지만, 셀렉트박스가 안되는게 더 문제군요. 허허…
    롤백해도 복구가 안되던데 아예 정식 버전으로 다시 설치해야하는 거겠죠?

  15. 정찬명 댓글:

    저도 정식 버전을 다시 설치 했습니다. ㅜㅜ;

  16. VistaAero 댓글:

    전 설치가 아예 않됩니다…

  17. 폭폭이 댓글:

    멀티IE삭제, 디벨롭툴바 삭제, collection 설치(IE7체크) –> 연결, 즐겨찾기, 셀렉트, 팝업 먹통 –> 모두 싹 지움 –> IE7 새로 설치 –> 기본 브라우저 FF로 변경 –> 콜렉션 재설치 (IE7 체크 품) –> 연결, 즐겨찾기, 셀렉트, 팝업 먹통 –> IE7 새로 설치 –> 콜렉션 재설치 –> 기본 IE7에서 디벨롭 툴바 나타나지 않음 –> 도구에서 추가기능관리 –> 디벨롭 툴바 사용하기로 체크 –> 연결, 즐겨찾기, 셀렉트, 팝업 먹통 –> 된장.. -_- 반복 반복..

    오기가 생겨 7번은 반복하다 다 싹 지우고 다시 멀티 IE 설치했습니다.
    -_-;;;

  18. […] 열흘 전 ‘여러 버전의 IE에서 IE Developer Toolbar 사용하기‘라는 제목으로 ‘Internet Explorer Collection‘ 이라는 도구를 소개해 […]

  19. 정찬명 댓글:

    폭폭이님. 지켜주지 못해서 미안해요. 그동안 폭폭‘답답’에 해당하는 전라도 방언 하셨죠. ㅎㅎㅎ.

  20. 정찬명 댓글:

    오오~ 여러 브라우저들을 익스프레션 웹 도구에 등록해서 미리보기 할 수 있다는거군요. 좋네요. 한편 이것만으로는 익스프레션 웹으로 갈아 탈 매력을 충분히 느끼지 못해 아쉬워요. 누군가 드림위버와의 장단점들을 비교해 주면 좋을텐데 말이죠. 한번 써보고는 싶은데 그럴만한 동기가 현재로써는 아직 부족해요.

  21. […] 가끔 IE8을 사용해야 할 때도 있다. 이 때도 IE 콜렉션을 사용하면 익스플로러를 사용할 일이 없긴 하지만, IE8 그 자체를 […]

댓글 쓰기

전송된 글이 나타나지 않는다면 필터링 된 것입니다. dece24앳gmail.com 으로 메일 주세요.
(X)HTML 코드 사용이 가능하지만 소스 코드 출력을 원하시면 <꺽쇠>는 [괄호]로 변환하여 작성해 주세요.

필수 아님

필수 아님