[web] ie에서 ajax, javascript가 안될경우(호환성보기 관련)
카카오맵을 이용하여 어떤 페이지를 구성했는데.. 크롬으로 개발하고 모바일은 핸드폰으로 확인해서 잘 몰랐는데..
이게 ie에서 봤더니 내용이 출력이 안되는것이다. 뭔가 호환성 문제인것 같은데..
중간 중간 로그를 찍어보며 확인해보니.. ajax에서 파일을 가져와야하는데 그걸 못가져 온 상황인듯..
인터넷을 뒤적거리다 보니.. “호환성보기”문제.. 보통은 잘 작동 안하면 “호환성보기”를 활성화 시키는데… 이건 오히려 “호환성보기”를 활성화 시키면 안되고, 해제시키면 잘 된다.
“호환성보기”라는 것이 결국은.. 브라우저 신버전에서 잘 안보이니, 구버전으로 표시해주겠다.. 하는 내용이고, 카카오맵이나.. ajax도 구버전 ie 지원을 점점 끊어가니.. 오히려 호환성보기를 켜면(구버전으로 보면) 작동이 안된것.
좀 찾아보니.. 다음과 같은 메타테그를 통해 최신버전 브라우저로 세팅함으로써 호환성보기를 무력화(?) 시킬 수 있다고 하는데…
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
문제는.. 난 해봤더니 안된다..
이것저것 더 찾아보다가.. 엣지 대신에 다른 버전도 입력해보고.. 해봤는데.. 안되다가, 결국 찾아내긴 했다.
다른 메타태그보다 먼저.. <head> 태그 바로 아래 설정해주니 제대로 작동하는것 같다.
다른 사람들도 혹시 삽질하지 마시라고.. (또 내가 나중에 참고하려고..) 여기다 남겨둔다.
이외에도 다음과 같은 내용으로 쓸 수 있다.
<!-- Quirks Mode --> <meta http-equiv="X-UA-Compatible" content="IE=5" /> <!-- IE7 Standards 모드 --> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <!-- IE8 Standards 모드 --> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <!-- 가장 최신 버젼 IE의 Standards 모드 --> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <!-- DTD가 없는 페이지는 여전히 Quirks Mode로, DTD가 있는 페이지는 IE 7 표준 모드로 렌더링 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />