jquery uaMatch源代码

复制代码代码如下: // 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; } 分析:浏览器之间的兼容性问题，这个一个历史遗留问题。痛苦的是，作为一个前端开发人员得为这个兼容性问题买单。我们做开发时，往往要为每种浏览器作出局部的代码调整才能在相应的浏览器中良好的运行。我所知道的方法有两种：1.浏览器检测；2.对象检测。　　在jQuery 中只要用行uaMatch()这个函数。用到的关键点有:1.regExp.exec(str)；2.navigator.userAgent; 　　一，regExp.exec(str);用正则表达式来在字符串中查找，并返回一个数组，这个数组的0元素是整个正则匹配，1元素是第一个子匹配，2元素是第二个子匹配，如此类推。　　二，navigator.userAgent:是javascript BOM的重要的对象之一，它主要用来返回当前的浏览器和操作系统的信息。　　　　例如：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)". 　　　　从各个浏览器的正则表达式可知，第一个子匹配为浏览器的名字，第二个为版本。

昨天用jQuery插件aeImageResize，发现它更有优势：每张图片加载完后，会马上进行等比缩放。这归于图片对象Image的加载事件onload的功劳。查看插件的源码，发现它也依赖图片对象的complete属性和onload事件，并且>>>详细阅读

本文标题：jquery uaMatch源代码

地址：http://www.17bianji.com/kaifa2/JS/24915.html

1/2 1