ie8 , ie9 , ie10 팝업 , 호환성보기 설정 체크

ie8 , ie9 ,ie10에서 호환성 보기가 설정되어 있을 때 다른 팝업을 띄워야 했다.

우선 이렇게 하기는 했는데 좋은 방법은 아닌 듯 하다..

무튼.. 했어..ㅜㅠ

20151102-ie호환성체크확인.txt

<script type="text/javascript">

$(document).ready(function(){

var ver = getInternetExplorerVersion();

var agent = navigator.userAgent.toLowerCase();

var canvas = document.createElement('canvas');

var bStyle = document.body.style;

if (ver > -1){

if(ver == 7 && !('getContext' in canvas)){ // 7 일 때 (ie8에서 호환성모드이면 7로 인식 됨)

alert("ie8 호환성체크됨");

}

if( !('getContext' in canvas) && agent.indexOf('msie 9') > -1 && agent.indexOf('trident')  == 51 && !('msTransition' in bStyle) && !('transition' in bStyle )){ //  호환성모드 체크확인

alert("ie9 호환성모드 체크됨");

}

if(agent.indexOf('trident')  == 51 && !canvas.getContext('webgl') && agent.indexOf('msie 7') > -1 && agent.indexOf('trident') > -1 ){ //  호환성모드 체크확인

alert("ie10 호환성모드 체크됨");

}

}

});

function getInternetExplorerVersion() {

var rv = -1;

if (navigator.appName == 'Microsoft Internet Explorer') {

var ua = navigator.userAgent;

var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");

if (re.exec(ua) != null)

rv = parseFloat(RegExp.$1);

}

return rv;

} 

</script>