IE 브라우저(IE10 및 IE11과 호환 가능)_javascript 기술을 빠르게 확인하려면 js 읽기를 권장합니다.-JS 튜토리얼-php.cn

IE 브라우저(IE10 및 IE11과 호환 가능)_javascript 기술을 빠르게 확인하려면 js 읽기를 권장합니다.

WBOY

풀어 주다： 2016-05-16 15:26:12

원래의

1797명이 탐색했습니다.

IE 브라우저가 window.navigator.userAgent를 사용하는지 확인합니다. 이 정보를 추적하여 개발 환경에서는 IE10으로 인식되지만 서버에 접속하면 IE11로 인식되지만 MSIE 표시가 없음을 확인합니다. IE11의 userAgent에서 그 이유는 다음과 같습니다.

IE 브라우저의 판단 방법을 다음과 같이 변경하면 됩니다.

function isIE() { //ie&#63;
 if (!!window.ActiveXObject || "ActiveXObject" in window)
 return true;
 else
 return false;
 }

로그인 후 복사

다음은 몇 가지 공유 내용입니다. 매우 실용적인 분석과 설명을 살펴보실 수 있습니다

많은 경우 일반적으로 navigator.userAgent와 정규식을 사용하여 IE 브라우저 버전을 확인합니다. 다음은 IE 브라우저의 다양한 기능을 사용하여 IE 브라우저를 확인하는 방법을 소개합니다.

1 IE 브라우저와 IE가 아닌 브라우저 결정

IE 브라우저와 비 IE 브라우저의 차이점은 IE 브라우저는 ActiveXObject를 지원하지만, 비 IE 브라우저는 ActiveXObject를 지원하지 않는다는 것입니다. IE11 브라우저가 등장하기 전에는 IE와 비IE를 이렇게 판단하곤 했습니다

function isIe(){
 return window.ActiveXObject &#63; true : false;
 }

로그인 후 복사

그러나 IE11에서는 위의 판단이 false를 반환합니다. IE11에서 다음 코드를 직접 테스트했습니다.

코드 복사 코드는 다음과 같습니다.

경고(window.ActiveXObject);

경고(window.ActiveXObject 유형);

결과는

이게 왜요? 분명히 ActiveXObject가 존재하지만 typeof의 결과는 실제로 정의되지 않았습니다. 결과 아시는 분 계시면 이유 좀 알려주세요. 센마에게?

Microsoft 공식 홈페이지에는 IE11 ActiveXObject의 차이점이 설명되어 있습니다. http://msdn.microsoft.com/en-us/library/ie/dn423948(v=vs.85).aspx. 그러나 typeof의 이유는 설명되지 않습니다. 다음 코드를 사용하여

를 감지하면 괜찮습니다.

alert(창의 "ActiveXObject")//ie11에서는 false를 반환합니다

이것이 또 이해가 안 되네요. 창의 "ActiveXObject"가 true를 반환합니다. IE 브라우저를 판단하는 데 사용된 코드가 IE11에서 false를 반환한 이유는 무엇입니까? 다시한번 전문가분들께 설명을 부탁드립니다. 감사합니다
다음은 IE 브라우저와 IE가 아닌 브라우저가 IE11과 호환되는지 확인하는 직접적인 방법입니다.

function isIe(){
 return ("ActiveXObject" in window);
 }

로그인 후 복사

전제 조건은 프로그램 코드에서 ActiveXObject를 덮어쓰는 것이 아니라는 점에 유의하세요. 헤헤.

2 IE6 브라우저 결정

IE7부터 IE는 XMLHttpRequest 객체를 지원하지만 IE6은 지원하지 않습니다. 이 기능과 IE를 판단하는 이전 함수 isIe()를 기반으로 IE6을 판단하는 방법을 알고 있습니다. 판정방법은 다음과 같습니다

function isIe6() {
 // ie6是不支持window.XMLHttpRequest的
 return isIe() && !window.XMLHttpRequest;
 }

로그인 후 복사

3 IE7 브라우저 결정

IE8부터 문서 모드를 지원하기 때문에 document.documentMode를 지원합니다. IE7은 이를 지원하지 않지만 IE7은 XMLHttpRequest 객체를 지원합니다. 판정방법은 다음과 같습니다

function isIe7() {
 //只有IE8+才支持document.documentMode
 return isIe() && window.XMLHttpRequest && !document.documentMode;
 }

로그인 후 복사

4 IE8 브라우저 결정

IE9부터 Microsoft는 서서히 표준에 가까워지고 있습니다. 우리는 IE678을 비표준 브라우저라고 부르며, IE9과 크롬, 파이어폭스 등 다른 브라우저를 표준 브라우저라고 부릅니다. 둘 사이의 차이점 중 하나는 다음과 같습니다. 다음 코드를 테스트해 보세요. 반환되는 내용

alert(-[1,]);//IE678에서 출력되는 것은 NaN이지만, 표준 브라우저에서 출력되는 것은 -1입니다

그러면 위의 차이점을 토대로 IE8 브라우저라고 판단할 수 있습니다. 방법은 다음과 같습니다

function isIe8(){
 // alert(!-[1,])//->IE678返回NaN 所以!NaN为true 标准浏览器返回-1 所以!-1为false
 return isIe() &&!-[1,]&&document.documentMode;
}

로그인 후 복사

5 IE9, IE10, IE11 브라우저 결정

브라우저에서는 IE8부터 JSON 내장 객체를 지원하고, IE10부터는 js의 strict 모드를 지원합니다. JS의 strict 모드는 이 글을 참고하세요http://www.jb51.net/article /75037 .htm

IE9의 Alert(!-[1,])는 false를 반환합니다. IE9는 addEventListener를 지원하지만 IE11 브라우저는 IE에 고유한 원래 이벤트 바인딩 attachmentEvent를 지원하지 않습니다. 이러한 차이점을 바탕으로 IE9, IE10 및 IE11 브라우저를 구분할 수 있습니다.

6 다른 브라우저 결정

/****来自曾经项目中封装的公共类函数***/
//检测函数
var check = function(r) {
 return r.test(navigator.userAgent.toLowerCase());
 };
var statics = {
 /**
 * 是否为webkit内核的浏览器
 */
 isWebkit : function() {
 return check(/webkit/);
 },
 /**
 * 是否为火狐浏览器
 */
 isFirefox : function() {
 return check(/firefox/);
 },
 /**
 * 是否为谷歌浏览器
 */
 isChrome : function() {
 return !statics.isOpera() && check(/chrome/);
 },
 /**
 * 是否为Opera浏览器
 */
 isOpera : function() {
 return check(/opr/);
 },
 /**
 * 检测是否为Safari浏览器
 */
 isSafari : function() {
 // google chrome浏览器中也包含了safari
 return !statics.isChrome() && !statics.isOpera() && check(/safari/);
 }
};

로그인 후 복사

js는 IE11을 포함한 IE 브라우저의 버전을 어떻게 확인하나요?

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript">
var userAgent = navigator.userAgent, 
rMsie = /(msie\s|trident.*rv:)([\w.]+)/, 
rFirefox = /(firefox)\/([\w.]+)/, 
rOpera = /(opera).+version\/([\w.]+)/, 
rChrome = /(chrome)\/([\w.]+)/, 
rSafari = /version\/([\w.]+).*(safari)/; 
var browser; 
var version; 
var ua = userAgent.toLowerCase(); 
function uaMatch(ua){ 
 var match = rMsie.exec(ua); 
 if(match != null){ 
 return { browser : "IE", version : match[2] || "0" }; 
 } 
 var match = rFirefox.exec(ua); 
 if (match != null) { 
 return { browser : match[1] || "", version : match[2] || "0" }; 
 } 
 var match = rOpera.exec(ua); 
 if (match != null) { 
 return { browser : match[1] || "", version : match[2] || "0" }; 
 } 
 var match = rChrome.exec(ua); 
 if (match != null) { 
 return { browser : match[1] || "", version : match[2] || "0" }; 
 } 
 var match = rSafari.exec(ua); 
 if (match != null) { 
 return { browser : match[2] || "", version : match[1] || "0" }; 
 } 
 if (match != null) { 
 return { browser : "", version : "0" }; 
 } 
} 
var browserMatch = uaMatch(userAgent.toLowerCase()); 
if (browserMatch.browser){ 
 browser = browserMatch.browser; 
 version = browserMatch.version; 
} 
document.write(browser+version);  
</script>
</script>
</head>
<body>
 
</body>
</html>

로그인 후 복사

위 코드는 판단 기능을 구현합니다. 구현 원리를 소개하면 도움이 필요한 친구들에게 도움이 되기를 바랍니다.

먼저 코드를 살펴보겠습니다.

navigator.userAgent

IE11 정보 스크린샷:

그런 다음 해당 정규식을 사용하여 일치시킵니다. IE11과 이전 버전의 브라우저에는 여전히 큰 차이가 있습니다. 이전 버전에서는 이 정보가 msie에 포함되어 있었지만, IE11에는 더 이상 없습니다. Trident가 새로 추가되었으며, 그 뒤에 브라우저의 버전 번호가 표시됩니다. 이것.