Developer Tools를 Modal Dialog에서 열기

Internet Explorer 8
2009. 12. 19.
안혁
http://hyok.kr


[If you want English, scroll down to bottom of this article.]
Internet Explorer 8 부터 Developer Tools라는 개발자 도구를 지원합니다. 도구 메뉴에 있는데요. 모달리스 창(Modaless dialog)에서는 메뉴가 없으므로 단축키 F12를 사용하면 가능합니다.

하지만, 모달 창(Modal dialog)에서는 특정 조건이 갖추어질 경우에만 작동합니다.

[도구 > 인터넷 옵션 > 보안 > (영역 선택 후) 사용자 지정 수준...] 선택

위 처럼 [웹 사이트에서 주소 또는 상태 표시줄 없이 창을 열도록 허용] 설정이 사용 안 함으로 설정되었을 때에만 모달 창에서 F12 키로 개발자 도구를 사용할 수 있는데요. 인터넷 영역의 보안 설정은 기본값이 그렇게 되어있지만, 인트라넷 영역과 신뢰할 수 있는 사이트 영역이거나 인터넷 영역의 보안 수준을 낮추는 경우에는 설정이 사용으로 변경됩니다. 그러면 모달 창에서 개발자 도구를 열 수 없게 되죠.

대부분의 사이트는 인터넷 영역이므로 되는 것 처럼 보였을 것입니다. 또는 저 같이 신뢰 사이트에 추가하는 습관이 있는 사람은 원래 안 되는 것이라고 생각하기도 했을 것입니다.

모든 사이트는 특정 영역으로 분류됩니다.

모달 창만 안된다는 것이 이해할 수 없어서 MS 본사 IE 팀에 메일을 보냈었는데요. 된다고 그러다가 안 되는 케이스를 알려준 이 후 답장이 없는 것을 보면 이 사실을 모르고 있던 것이 아닐까 생각되기도 하네요. 구글을 아무리 검색해도 이런 내용은 찾지 못했어요. 혹 저와 같은 고민을 하셨던 분들이 계셨다면 위 설정을 확인해 보시기 바랍니다.

위 처럼 설정하면 아래처럼 모달 창에서 URL 영역이 표시되며, 이는 곳 F12 키로 개발자 도구를 열 수 있다는 말이기도 합니다. 추측하건데 키 이벤트가 다행히도(?) URL 영역에서 잡히는 것이 아닌가 생각됩니다.

구글에서도 못 찾았으니, 영어로도 간단히 적어야겠네요.

----------------------------------------------
* How to open Developer Tools of Internet Explorer 8 in modal dialog.
If you cannot open Developer Tools in modal dialog, verify Security Settings of Internet, Intranet or Trusted Site Zone.

In [Tools > Internet Options > Security > (Select a zone and) Custom level...]

If you want to open Developer Tools, [Allow websites to open windows without address or status bars] must be Disable. After setting, you can see URL region on modal dialog as below. OK? And push F12 key to open Developer Tools.(The region help you to use the key, I think.)