웹 개발자라면 인터넷 익스플로러(IE) 7과 8에 맞춰 웹사이트를 호환시키는 작업이 얼마나 번거롭고 답답한 경험인지 잘 알고 있을 것입니다. 크롬이나 파이어폭스 등 다른 브라우저에서는 멀쩡하게 보이던 웹사이트도 인터넷 익스플로러에서 테스트해 보면 레이아웃이 어긋나거나 요소들이 엉뚱한 위치에 배치되는 경우가 허다합니다.
다행히 인터넷 익스플로러 10에는 개발자 도구가 내장되어 있어, 구버전 브라우저를 따로 설치하지 않고도 IE 7, 8, 9 모드로 웹사이트를 손쉽게 테스트할 수 있습니다.
IE 7, 8, 9 모드로 웹사이트 확인하는 방법
1. 개발자 도구 실행
컴퓨터에서 인터넷 익스플로러 10을 열고 테스트하고 싶은 웹사이트를 불러옵니다. 그런 다음 키보드의 F12 키를 눌러 개발자 도구를 실행합니다.
2. 브라우저 모드 변경
개발자 도구 상단 메뉴에서 '브라우저 모드: IE10(Browser mode: IE10)' 항목을 클릭합니다. 그러면 IE 7, IE 8, IE 9 중에서 원하는 모드를 선택할 수 있습니다.
모드를 선택하면 웹사이트가 해당 버전의 렌더링 엔진으로 다시 로드되며, 실제 구버전 브라우저에서 보는 것과 동일한 화면을 확인할 수 있습니다.
이것으로 끝입니다. 이 기능을 활용하면 여러 버전의 브라우저를 일일이 설치할 필요 없이 구버전 IE에서의 웹사이트 호환성을 빠르고 간편하게 점검할 수 있습니다.