>  기사  >  웹 프론트엔드  >  브라우저 type_jquery를 결정하는 jquery 코드

브라우저 type_jquery를 결정하는 jquery 코드

WBOY
WBOY원래의
2016-05-16 17:48:411078검색

Jquery는 navigator.userAgent.indexOf를 사용하여 브라우저 유형을 결정하고 일부 처리를 수행합니다. Jquery를 배우는 친구들이 아이디어를 이해하기 위해 공부하는 것이 좋습니다.

주로 사용하는 방법 : $.browser.['browser 키워드']

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

$(function() {
if($.browser.msie) {
alert("이것은 msie입니다");
} else if($.browser.msie. safari) {
alert("이것은 사파리입니다!");
} else if($.browser.mozilla) {
alert("이것은 Mozilla입니다!")
} else if( $.browser.opera) {
alert("이것은 오페라입니다");
} else {
alert("모르겠어요!")

jQuery 소스코드를 살펴보자:

코드 복사 코드는 다음과 같다.
var userAgent = navigator.userAgent.toLowerCase();
// 사용 중인 브라우저 파악
jQuery.browser = {
version: (userAgent.match( /. ( ?:rv|it| ra|ie)[/: ]([d.] )/ ) || [])[1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/( Compatible|webkit)/.test( userAgent )
};

Jquery는 브라우저의 유형과 버전을 확인하기 위해 일반 규칙을 사용합니다.
msie- ---ie 브라우저(Microsoft Internet Explorer)
mozilla-Firefox 브라우저
opera--opera 브라우저

현재 브라우저가 IE6인지 어떻게 판단해야 하나요?



if($.browser. msie&&($ .browser.version == "6.0")&&!$.support.style){
alert("ie6")
}


마찬가지로 Jquery는 다음을 결정합니다. 브라우저는 IE7


if($.browser .msie&&($.browser.version == "7.0")){
alert("ie7")
}


Jquery를 사용하지 않으려면 코드를 약간 수정하여 Js 코드를 원하는 용도로 사용할 수 있습니다.


var userAgent = navigator.userAgent.toLowerCase();
browser={
version: (userAgent.match( /. (?:rv|it|ra|ie)[/: ] ([d.] )/ ) || [0,'0'])[ 1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(호환|webkit)/.test( userAgent )
}


jquery로 호출할 때도 마찬가지입니다. $ 기호를 제거하면 됩니다.

IE의 버전을 확인하려면 IE의 조건식을 사용하는 것이 좋습니다. JS 작성


<--[if IE]>