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]>
$.browser를 통해 IE 버전을 수동으로 판단하는 것보다 더 정확합니다. jquery의 브라우저를 사용하는 방법을 기억해야 합니다.