IE 브라우저(IE10 및 IE11과 호환 가능)_javascript 기술을 빠르게 확인하려면 js 읽기를 권장합니다.
- WBOY원래의
- 2016-05-16 15:26:121789검색
IE 브라우저가 window.navigator.userAgent를 사용하는지 확인합니다. 이 정보를 추적하여 개발 환경에서는 IE10으로 인식되지만 서버에 접속하면 IE11로 인식되지만 MSIE 표시가 없음을 확인합니다. IE11의 userAgent에서 그 이유는 다음과 같습니다.
IE 브라우저의 판단 방법을 다음과 같이 변경하면 됩니다.
function isIE() { //ie?
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 ? 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가 새로 추가되었으며, 그 뒤에 브라우저의 버전 번호가 표시됩니다. 이것.