IE10 Compat Inspector

IEBlog 한국어

Windows Internet Explorer 엔지니어링 팀 블로그

IE10 Compat Inspector

  • Comments 0

이제 Compat Inspector를 IE10에서 사용할 수 있습니다. Compat Inspector를 사용하면 Internet Explorer 플랫폼 변경이 내 사이트에 영향을 미치는지를 빠르게 파악할 수 있습니다. IE10 사용을 준비하고 있든 IE9을 그대로 업데이트 중이든, 문제가 있는 페이지에서 Compat Inspector를 실행하면 됩니다. 그러면 예상되는 문제점을 설명하는 메시지와 이를 해결하기 위한 조치 단계를 볼 수 있습니다.

새로운 IE10 Metro 스타일 Compat Inspector 화면

Compat Inspector 정보

Compat Inspector는 JavaScript 기반의 테스트 도구로, 실행 중인 사이트를 분석합니다. Compat Inspector는 최근 모드에서 문제를 일으키는 상호 작용의 패턴을 보고합니다. 따라서 여러 문서를 기억하거나 사이트 코드 전체를 검색하지 않고도 문제를 빠르게 파악할 수 있습니다. Compat Inspector는 IE9 과정에서 여러 사이트에 걸쳐 발생하는 공통적인 문제를 더 빨리 확인하기 위해 개발되었으며 이제 IE10용으로도 업데이트되었습니다. 이와 함께 IE 팀의 여러 팀원들이 수집한 일련의 테스트 사례를 가지고 Compat Inspector의 규칙을 만들었습니다.

Compat Inspector는 레거시 모드에서는 실행되고 있지 않은 사이트들을 IE9 또는 IE10 모드로 마이그레이션할 수 있도록 설계되었습니다. F12 개발자 도구를 통해 더 최근 모드를 선택하면 레거시 모드에서 실행되고 있는 사이트를 테스트할 수 있습니다. 간단히 F12를 눌러 도구를 열고 메뉴 표시줄에서 [문서 모드]를 클릭한 다음 [표준]을 선택하면 됩니다. 어떤 문제는 IE9 호환성 설명서IE10 개발자 가이드 같은 더 상세한 설명이 있는 문서를 참조해야 할 수도 있습니다. 가장 좋은 방법은 먼저 Compat Inspector를 사용하고, 결과를 찾을 수 없는 경우에 이런 문서를 참조하는 것입니다.

Compat Inspector 사용

테스트할 각 페이지에서 다른 모든 스크립트 앞에 다음 스크립트를 추가하여 Compat Inspector를 실행합니다. 다른 스크립트 전에 실행해야 한다는 것은 Compat Inspector가 북마크로 사용될 수 없다는 뜻입니다.

<script src="http://ie.microsoft.com/TestDrive/HTML5/CompatInspector/inspector.js"></script>

그러면 페이지의 오른쪽 맨 위에 상태 위젯이 놓이게 됩니다. 자세한 정보를 보려면 위젯을 클릭합니다.

페이지에 설치되었을 때 나타나는 Compat Inspector 위젯의 화면 표시

Fiddler를 사용하면 방문하는 페이지에 Compat Inspector를 자동으로 넣을 수 있어 이 과정을 간소화할 수 있습니다. 이 코드 정보Fiddler 스크립트에 추가하면 바로 실행됩니다. 이 구성은 페이지의 모든 하위 프레임도 자동으로 검사합니다. 코드 정보가 일단 제대로 들어가면 Fiddler의 [Rules](규칙) 메뉴에서 Compat Inspector를 켜거나 끌 수 있습니다.

[Use Compat Inspector](Compat Inspector 사용) 메뉴 항목을 보여 주는 Fiddler의 [Rules](규칙) 메뉴 스크린샷

Compat Inspector 테스트 드라이버를 사용하여 얻을 수 있는 이점을 직접 체험해 보고, 그런 다음 Compat Inspector 사용자 가이드에서 자신의 사이트를 테스트하는 방법에 대해 자세히 알아보십시오.

- Internet Explorer 프로그램 관리자, Tony Ross‎

  • Loading...