jquery uaMatch源代碼
更新時(shí)間：2011年02月14日 18:33:07 作者：
在jQuery 中只要用行uaMatch()這個(gè)函數(shù)。用到的關(guān)鍵點(diǎn)有:1.regExp.exec(str)；2.navigator.userAgent;
復(fù)制代碼 代碼如下:
// Useragent RegExp
rwebkit = /(webkit)[ \/]([\w.]+)/,
ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
rmsie = /(msie) ([\w.]+)/,
rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,
// Keep a UserAgent string for use with jQuery.browser
userAgent = navigator.userAgent,
// For matching the engine and version of the browser
browserMatch,
// Use of jQuery.browser is frowned upon.
// More details: http://docs.jquery.com/Utilities/jQuery.browser
uaMatch: function( ua ) {
ua = ua.toLowerCase();
var match = rwebkit.exec( ua ) ||
ropera.exec( ua ) ||
rmsie.exec( ua ) ||
ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
[];
return { browser: match[1] || "", version: match[2] || "0" };
}
browserMatch = jQuery.uaMatch( userAgent );
if ( browserMatch.browser ) {
jQuery.browser[ browserMatch.browser ] = true;
jQuery.browser.version = browserMatch.version;
}
分析:瀏覽器之間的兼容性問題，這個(gè)一個(gè)歷史遺留問題。痛苦的是，作為一個(gè)前端開發(fā)人員得為這個(gè)兼容性問題買單。我們做開發(fā)時(shí)，往往要為每種瀏覽器作出局部的代碼調(diào)整才能在相應(yīng)的瀏覽器中良好的運(yùn)行。我所知道的方法有兩種：1.瀏覽器檢測；2.對象檢測。
在jQuery 中只要用行uaMatch()這個(gè)函數(shù)。用到的關(guān)鍵點(diǎn)有:1.regExp.exec(str)；2.navigator.userAgent;
一，regExp.exec(str);用正則表達(dá)式來在字符串中查找，并返回一個(gè)數(shù)組，這個(gè)數(shù)組的0元素是整個(gè)正則匹配，1元素是第一個(gè)子匹配，2元素是第二個(gè)子匹配，如此類推。
二，navigator.userAgent:是javascript BOM的重要的對象之一，它主要用來返回當(dāng)前的瀏覽器和操作系統(tǒng)的信息。
例如：firefox的navigator.userAgetn 的字符串："Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN; rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13"
IE8的navigator.userAgetn的字符串："Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)".
從各個(gè)瀏覽器的正則表達(dá)式可知，第一個(gè)子匹配為瀏覽器的名字，第二個(gè)為版本。
相關(guān)文章
這篇文章通過實(shí)例代碼給大家講解了jquery替換節(jié)點(diǎn)元素的操作方法及動態(tài)頁面的實(shí)現(xiàn)代碼，非常不錯，需要的朋友參考下吧2018-03-03
本文用代碼的方式詳細(xì)講解了jQuery的DOM操作,具體操作方法請?jiān)敿?xì)參看代碼中的注釋部份2014-03-03
jquery實(shí)現(xiàn)彈出div,始終顯示在屏幕正中間的簡單實(shí)例
本篇文章主要是對jquery實(shí)現(xiàn)彈出div,始終顯示在屏幕正中間的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
jQuery EasyUI是一組基于JQuery的UI插件集合，而JQueryEasyUI的目標(biāo)就是幫助開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面，下面小編帶領(lǐng)大家一起學(xué)習(xí)jquery easyui入門知識，一起看看吧2016-08-08
這篇文章主要為大家詳細(xì)介紹了layui導(dǎo)航欄效果的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
有時(shí),要實(shí)現(xiàn)對于一篇文章的關(guān)鍵詞部分的提示,想實(shí)現(xiàn)的效果比如是,當(dāng)鼠標(biāo)移動到這個(gè)關(guān)鍵詞時(shí),彈出相關(guān)的一段文字或圖片的介紹。2010-01-01
jQuery事件綁定on()、bind()與delegate() 方法詳解
這篇文章主要詳細(xì)介紹了jQuery事件綁定的三種方法，分別是on()、bind()與delegate()，十分的淺顯易懂，有需要的小伙伴可以參考下。2015-06-06
jQuery動態(tài)創(chuàng)建html元素的常用方法匯總
這篇文章主要介紹了jQuery動態(tài)創(chuàng)建html元素的常用方法,包括jQuery追加元素、遍歷數(shù)組以及使用模板等方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-09-09
這篇文章主要為大家詳細(xì)介紹了layui前段框架日期控件使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
jQuery綁定點(diǎn)擊事件與改變事件的方式總結(jié)及多個(gè)元素綁定多個(gè)事件
我們一說到j(luò)Query中對于元素的修改,就是元素的內(nèi)容、屬性、樣式的修改,下面這篇文章主要給大家介紹了關(guān)于jQuery綁定點(diǎn)擊事件與改變事件的方式總結(jié)及多個(gè)元素綁定多個(gè)事件的相關(guān)資料,需要的朋友可以參考下2022-12-12