프론트엔드 개발 중 브라우저 버전을 확인하는 두 가지 방법_javascript 기술

WBOY
풀어 주다: 2016-05-16 17:18:12
원래의
1131명이 탐색했습니다.

인터넷에서 브라우저와 버전을 찾는 방법은 다양합니다. 여기서는 모두의 시간을 절약하기 위해 요약해 보겠습니다.

1.jquery 메소드:

일반적인 브라우저와 버전은 정규식을 통해 확인할 수 있습니다.

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

function allinfo(){

var ua = navigator.userAgent;
ua = ua.toLowerCase();
var match = /(webkit)[ /]([w .] ) /.exec(ua) ||
/(opera)(?:.*version)?[ /]([w.] )/.exec(ua) || ([w .] )/.exec(ua) ||
!/호환/.test(ua) && /(mozilla)(?:.*? rv:([w.] ))?/.exec (ua) ||

//브라우저 버전 번호를 확인해야 하는 경우: match[2]

switch(match[1]){
case "msie ": //ie
if (parseInt(match[2]) === 6){ //ie6
alert("ie6");
alert("IE7.0 이하 브라우저는 현재 지원되므로 브라우저 버전을 업그레이드하세요! ");
//document.getElementById("hid").style.display = "none";
// document.getElementById("show").style. display = "block";//document.getElementById("nosee_b").style.display = "none"
}
else if (parseInt(match[2]) === 7) { / /ie7
alert("ie7");
//document.getElementById("hid").style.display = "none"
// document.getElementById("show"). style.display = "block";
}
else if (parseInt(match[2]) === 8){ //ie8
alert("ie8")
else if(parseInt(match[2]) === 9){
alert("ie9");
//document.getElementById("hid").style.display = "none"; 🎜> }
break;
case "webkit": //safari 또는 chrome
//alert("safari or chrome")
// document.getElementById("middle").style .display = "none";
break;
case "opera": //opera
alert("opera")
case "mozilla": //Firefox
경고("Firefox");
//document.getElementById("hid").style.display = "none";
기본값:
break;
}



"==="는 여기서 사용되며 "==" 및 "="

=이것은 더 자세히 말하면, 개발 중에 매개변수에 값이 할당됩니다.

== 평등, === 정체성.
==, 양쪽의 값 유형이 다른 경우에는 유형 변환을 먼저 수행한 후 비교해야 합니다.
===, 유형 변환이 수행되지 않으며 서로 다른 유형이 동일하면 안 됩니다.

예:
두 값 유형이 다른 경우에는 동일할 수 있습니다. 유형 변환을 수행한 후 다음 규칙에 따라 비교합니다.
a. 하나는 null이고 다른 하나는 정의되지 않은 경우 [같음]입니다.
b. 하나는 문자열이고 다른 하나는 숫자 값인 경우 문자열을 숫자 값으로 변환한 후 비교합니다.
c. 값이 true이면 1로 변환하고, false이면 0으로 변환하여 비교합니다.
d. 하나는 객체이고 다른 하나는 숫자 값이나 문자열인 경우 객체를 기본 유형의 값으로 변환한 후 비교합니다. 객체는 toString 또는 valueOf 메소드를 사용하여 기본 유형으로 변환됩니다. JS 핵심 내장 클래스는 toString 전에 valueOf를 시도합니다. 예외는 toString 변환을 사용하는 Date입니다.


2. HTML의 댓글 메소드


(1) HTML의 댓글 메소드
다음 코드를 사용하여 현재 IE 브라우저의 버전을 확인할 수 있습니다( 참고: IE가 아닌 브라우저에서는 효과가 표시되지 않습니다. 이 방법은 IE5 이상에서 사용됩니다.
HTML의 주석 형식은 입니다. IE는 조건식을 지원할 수 있도록 HTML 주석에 몇 가지 확장을 만들었습니다.
표현식이 True이면 HTML 콘텐츠가 표시됩니다. [if IE] IE인지 확인합니다. [if !IE] IE가 아닌지 확인합니다.
[if lt IE 5.5] IE5.5 이하 버전인지 확인합니다. (<)
[if lte IE 6] IE6 이하 버전인지 확인 (<=)
[if gt IE 5] IE5 이상 버전인지 확인 (> )
[if gte IE 7] IE7 버전 이상인지 확인
[if !(IE 7)] IE7이 아닌지 확인
[if (gt IE 5)&(lt IE 7)] 여부 확인 IE5보다 크고 IE7보다 작습니다
[if (IE 6)|(IE 7)] IE6인지 IE7인지 판단

lte : Less than orequal to의 약자이며, 보다 작거나 같다는 뜻입니다. lt: Less than의 약자로 보다 작다는 뜻입니다. gte: Greater than orequal to의 약자로 크거나 같다는 뜻입니다. gt: Greater than의 약어로, ~보다 크다는 뜻입니다. !: 같지 않음을 뜻하며, 이는 자바스크립트의 부등판단 기호와 동일합니다
예:




코드 복사


코드는 다음과 같습니다.