Html 코딩을 할 때마다 골칫덩이인 크로스브라우징...
진절머리가 난다...ㅡㅡ^
여하튼, 크로스브라우징을 할때 익스를 버전별로 화면을 확인할 수 있는 IE Tester 를 사용하다가
언제부터인가 그냥 익스 개발자 도구를 더 많이 사용하게 되었다.
IE Tester는 프로그램이 오류도 많이 나고, 무겁게 느껴져서...점점 사용횟수가 자연스레 잦아들었다.
그런데, 개발자 도구를 사용할때 마다 대충은 알고 있지만,
너무나 헷갈려 다시한번 정리해보기 위해 포스팅해본다.
도대체 브라우저모드, 문서모드 저 둘의 차이점은 무엇일까?
브라우저 모드 : 현재 브라우저의 기본 셋팅을 정의 하는 것
문서 모드 : 페이지를 해석하는 방식을 정의하는 것
이라고 정리 할 수 있다.
예를 들어보겠다.
브라우저모두가 IE10 이고, 문서모드가 IE 7 이면
자신의 브라우저가 IE8, 9, 10 일지라도 페이지를 해석하는 브라우저 버전은 IE7 이며,
해당 페이지에서 현재 브라우저 버전을 체크하는 스크립트가 있다면 결과값은 IE10 을 내뱉는다는 것이다.
결론은 웹디자이너는 문서모드를 주목하고, 프로그래머는 브라우저모드를 주목하면 된다는 이야기인데...
속편하게 두개의 모드를 같이 사용하라 말하고 싶다.
그리고 더 기쁜 소식이 있다면,
IE 11 버전은 이렇게 브라우저모드, 문서모드의 구분이 없다는 것~!
아마도 말이다.
기쁜 마음으로 익스플로러는 업그레이드 할테다...ㅎ