Internet Explorer에서 addEventListener, createElement, $, jquery 등등 오류 시

출처 : https://alisyabob.tistory.com/m/302?category=903883

 

[Html] IE 호환성보기 설정 무시하기

IE에서 특정 오래 된 사이트를 보기 위해서 호환성 보기에 사이트를 등록해 놓는 경우가 있다.

그렇게 되면 

Internet Explorer버전이 11이라 하더라도 Internet Explorer 버전이 7으로 동작하게 되어 HTML5 웹표준에서 사용할 수 있는 일부 JavaScript(addEventListener, createElement, $, jquery 등등)가 동작하지 않을 경우 사용 하면 된다.

 

해결방법 3가지

 

[방법1]

모든 HTML 페이지의 head/ 태그 내에 다음 코드를 추가한다.

<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

 

[방법2]

서버 측 코드에 아래와 같은 코드를 추가한다.(Servlet Filter 등을 이용  공통 코드로 적용가능)

if(userAgent.contains("MISE")){

    response.addHeader("X-UA-Compatible", "IE=edge");

}

 

[방법3]

아파치 웹 서버를 사용중이라면 웹 서버 설정에 아래 코드를 response header로 설정

<ifModule mod_header.c>

  Header set X-UA-Compatible "IE=edge"

</ifModule>

 

추가방법 ( IE 8,9 버전을 사용하고 싶다면 아래와 같이 해주면 된다. )

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8,IE=EmulateIE9"/>