호환 표시 기능(Compatibility View) 소개

  • Article

 

 

Internet Explorer 8 계획을 시작했을 때, 웹 사이트의 호환성을 유지하는 것을 공약으로 했습니다. 이 공약은 여전히 유효하고, Microsoft 의 상호 운용성에 관한 방침과도 일치하고, 우리의 성명 (영어) 에도 단기적인 영향을 주고 있는 것은 주목할 만합니다. 바꾸어 말하면, Internet Explorer 8 의 새로운 기능 중 가장 중요한 것은 호환성 확보이며 또 그것을 유지하는 것입니다.

Beta 2에서는 호환 표시로 불리는 새로운 기능을 탑재한다고 발표했습니다. 호환 표시는 이전 버전에서 디자인된 사이트를 Internet Explorer 8 이 적절히 표시하는 기능입니다.

호환 표시와 최종 사용자

웹 사이트가 최신의 웹 표준을 지원한다고 선언했을 경우, Intenret Exporer 8 은 그 선언을 존중하여 가장 표준에 맞는 메커니즘을 사용하여 이 사이트를 표시합니다. 대부분의 경우, 이것 때문에 문제는 없습니다. 그러나 드물게 「최신 표준을 사용하여 표시해 주세요」라는 선언이 사실은 「Internet Explorer 7 의 최신 표준으로 표시해 주세요」를 의미하는 경우가 있습니다. 이것은 호환 표시의 순서입니다.

드로잉 엔진에는 여러 가지가 변경되었지만, 알아 두어야 할 것은 다음과 같습니다.

  • 일반 인터넷 사이트는 IE8 표준모드에서 표시됩니다.
  • 호환 표시 기능의 변환 (IE7 표준모드와 IE8 표준모드)은 재시동 없이 즉시 실행됩니다.
  • 호환 표시 기능은 도메인 단위로 기능합니다.

호환 표시를 컨트롤하는 새로운 사용자 인터페이스 단추는 탐색 모음 내의  주소 표시줄 우측 (업데이트 단추 근처)에 배포되어 Beta 1 의 Emulate IE7 단추를 대체합니다 .

 

Compatibility View Button

표준모드에서의 표시중 과 같이 호환 표시로 전환하는 보다 좋은 결과를 얻을 수 있는 경우에만, Internet Explorer 는 이 단추를 표시합니다. Quirks 모드 혹은 인트라넷 사이트의 표시중 (다음에서 채택하지만, 이러한 경우는 이미 호환 표시 모드에서 표시) Internet Explorer 는 단추를 숨깁니다.

컴퓨터 처리 속도에 따라서는 호환 표시 단추를 선택한 후, 화면의 다시 읽기 포함을 확인할 수 있을지도 모릅니다. 어쨌든, 풍선 팁이 표시되어 현재 호환 표시 모드에서 동작중인 것을 알려줍니다. 또한 풍선 팁이 사라진 후도 호환 표시의 아이콘이 「누름」상태가 되어, 호환 표시로 동작중인 것을 확인할 수 있습니다.

Compatibility View Button Depressed with Balloon message indication of Compatiblity View

 

에뮬레이션의 「효과 범위」는 단추를 누른 현재 표시중의 도메인으로 한정되어 실행 중 다른 프로세스나 탭에는 미치지 않습니다. 그리고, Internet Explorer 는 로컬 목록에 이 도메인 이름을 유지하기 때문에 같은 사이트를 방문했을 경우, 다시 단추를 누를 필요는 없습니다.

호환 표시와 엔터프라이즈

현재, 대다수의 기업용 웹 응용 프로그램은 Internet Explorer 7 이용을 전제로 합니다. 호환성을 유지하기 때문에 Internet Explorer 8 은 영역 판정에 근거하는 현명한 초기값을 설정해서 출시됩니다. 초기값에서는 인터넷의 모든 사이트는 Internet Explorer 8 표준모드 (호환 표시 무효)로 표시되어 인트라넷의 모든 웹 사이트는 Internet Explorer 7 표준모드 (호환 표시 유효)에서 표시됩니다.

몇가지 예를 봐 주세요.

jp.msn.com 이나 home.live.com 과 같은 인터넷에서 사이트를 표시하는 경우, 호환 표시는 초기값에서 무효가 됩니다. Internet Explorer 8 은 자신의 UserAgent 문자열을 "8" , 내부 버전을 "8" 이라고 인식하고, 표준 드로잉 모드를 Intenret Explorer 8 표준모드에서 전환하고, 웹 페이지를 표시합니다. https://192.168.0. 1 이라고 하는 IP 주소에 의한 지정도 같습니다. Internet Explorer 가 IP 주소를 내부 주소인가 외부 주소인가 분별할 수 없는 경우는 후자로 가정하여 동작합니다. 호환 표시에 의한 웹 사이트의 문제 수정은 이전의 Emulate IE7 단추를 이용한 것과 같습니다.

만약 https://myPortal 나 https://sharepoint/sites/mySite 라고 하는 로컬 인트라넷의 사이트로 이동했을 경우, Internet Explorer 는 자신의 UserAgent 를 "7" , 내부 버전을 "7" 이라고 인식하여, 표준 드로잉 모드를 Internet Explorer 7 표준모드에서 전환하고, 웹 페이지를 표시합니다. 이 편성은 Internet Explorer 7에서 정상적으로 표시되던 페이지를 Internet Explorer 8에서도 계속 이용하는 것을 가능하게 합니다.

완전을 기한다면, C:\Temp\MyWebPage.htm 라고 하는 로컬 페이지는 Internet Explorer 8 표준모드 (호환 표시 무효)로 표시하는 점에 주의할 필요가 있습니다.

[도구] 메뉴에 새롭게 추가된 항목은 이 기능의 세부 사항설정을 가능하게 합니다.

Internet Explorer Tools Menu with Compatibility Mode Selection

 

Internet Explorer Tools Compatibility Settings Menu

 

모든 인트라넷 사이트를 Internet Explorer 8 표준모드에서 표시하도록 설정할 수 있습니다. 모든 사이트를 Internet Explorer 7 표준모드에서 표시하는 것 (Emulate IE7 단추가 눌린 상태의 Internet Explorer 8 beta 1에서 같은 동작) 과 같이 정책을 설정할 수도 있습니다. 한층 더 항상 호환 표시 모드에서 표시해야 할 사이트를 사전에 등록하거나 호환 표시 단추를 눌러 등록한 목록을 편집할 수도 있습니다. Internet Explorer 8 의 UserAgent 스트링을 부정한 것으로 판단하여 차단하여, Quirks 모드에서 표시하는 페이지에 조우했을 경우, 현재 표시하는 문제의 사이트를 추가하는 본래의 기능은 특히 편리합니다.

이러한 새로운 기능의 모든 것이 그룹 정책으로 여러 가지 단추와 스위치를 조작하여 자세하게 설정할 수 있습니다. 대부분의 설정은 IEAK 를 이용하여 구성할 수도 있습니다.

호환 표시와 웹 개발자

최신의 웹 표준에 따라 DOCTYPE 선언에 의해서, 명시적으로 레이아웃 모드를 지정한 페이지를 생성했을 경우, Internet Explorer 는 예상대로 Quirks 인 DOCTYPE 는 Quirks 모드에 표준적인 DOCTYPE 는 Internet Explorer 8 표준모드에 관련됩니다. Beta 1 에서는 <META> 태그나 HTTP 머리글 (영어) , Internet Explorer 8 표준모드를 옵트 아웃(opt-out)할 수 있었습니다.

이용자가 웹 사이트를 최고 상태로 표시할 수 있어, 호환 표시 모드를 이용하지 않고 좋게 만들기 위한 가장 적절한 방법은 Internet Explorer 8 에 의한 테스트를 실시하여, 필요에 따라서 웹 사이트를 업데이트하는 것입니다. 이용자가 사이트를 표시하기 위해서 호환 표시 모드를 선택한 경우, 적절한 <META> 태그나 HTTP 머리글을 이용하고, 바람직한 레이아웃 모드에 "반환" 이 가능합니다. 새로운 content 값인 "IE=EmulateIE8" 는 이용 가능한 값의 목록을 완전하게 하여, 이 특별한 목적에 도움이 됩니다.

Content  설정 값

소개

IE=EmulateIE8

표준적인 DOCTYPE 의 경우, Internet Explorer 8 표준모드에서 표시합니다. Quirks DOCTYPE 의 경우, Quirks 모드에서 표시합니다. 이 태그를 사용하면, 클라이언트의 호환 표시 모드 설정을 무효로 하여, 표준적인 DOCTYPE 는 강제적으로 IE8 표준모드에서 표시합니다.

이 <META> 태그, 혹은 HTTP 머리글이 존재하는 경우, 이 사이트는 Internet Explorer 8 을 지원하기 위해서 업데이트된다고 보여, 이 값 이외의 클라이언트로 설정된 호환 표시 모드보다 우선됩니다. <META> 태그, 혹은 HTTP 머리글에는 다른 효과도 있습니다. 그 하나는 이 설정은 사용자가 장기간에 걸쳐 저장한 호환 표시의 웹 사이트 목록을 제거하는 트리거가 되어, 결과적으로 이 <META> 태그나 HTTP 머리글을 동시에 둘 필요가 없어집니다 (덧붙여서 브라우저 탐색 정보를 삭제하면 호환 표시를 위한 목록은 삭제됩니다) .또 하나는 <META> 태그 혹은 HTTP 머리글이 존재하는 경우, 명령 모음의 호환 표시 단추가 표시되지 않도록 , 대부분의 사용자가 호환 표시 목록에 사이트를 추가하여 효과적으로 관리할 수 있습니다.

User Agent 에 포함되는 새로운 태그는 호환 표시 모드를 이용하는 클라이언트 파악을 가능하게 합니다. Internet Explorer 8 표준모드의 태그도 존재합니다.

  • 호환 표시 모드 :
    User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0; SLCC1; Media Center PC 5.0; .NET CLR 3.5.21022)
  • 최신의 Internet Explorer 8 의 UA String:
    User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; Media Center PC 5.0; .NET CLR 3.5.21022)

마지막으로, 이 기능에 대응한 개발자 도구의 업데이트도 완료했습니다. [브라우저모드] 메뉴에서는 서버나 웹 사이트에서 지정되는 동작 모드에 관련되지 않고, Internet Explorer 의 동작을 변경할 수 있습니다. 이 기능을 사용하면, Internet Explorer 8 표준모드에서 표시시켰을 경우, Internet Explorer 7 표준모드에서 표시시켰을 경우, Internet Explorer 8 의 호환 표시 모드에서 표시시켰을 경우의 동작을 확인할 수 있습니다.

 

IE8 Developer Tools with Compatibility Browser Mode

 

[문서 모드] 는 [브라우저모드] 와는 독립해 존재해, 웹 사이트측에서 다른 DOCTYPE 나 <META> 태그를 사용했을 경우의 레이아웃의 변화를 확인할 수 있습니다.

요약

호환 표시 기능이 Emulate IE7 에 비해, 어떠한 점에서 개선되었는지 보았습니다. 

만약 호환 표시 기능으로 문제를 해결할 수 없는 웹 사이트를 발견하면 연락을 주세요.  Report a Webpage Problem (영어) 을 참조하시면 도움이 됩니다.

Scott Dickens
Lead Program Manager

* 이 글은 Internet Explorer 개발 팀 블로그 (영어)의 번역 문서입니다. 이 글에 포함된 정보는 Internet Explorer 개발 팀 블로그 (영어)가 생성된 시점의 내용으로, 제품의 사양이나 기능이 보장되는 것은 아닙니다. 이 글에 포함된 정보의 이용은 사용 조건을 참조해 주세요. 그리고, 이 글의 게재 시점에서 Internet Explorer 개발 팀 블로그 (영어)의 내용이 변경될 수 도 있습니다. 최신 정보는 Internet Explorer 개발 팀 블로그 (영어)를 참조하십시오. 

영문 원본 : Introducing Compatibility View

업데이트 일: 2008 년 8 월 27 일