Jquery扩展使用$.browser方法

来源：懂视网责编：小采时间：2020-11-27 20:16:52

Jquery扩展使用$.browser方法

Jquery扩展使用$.browser方法:由于jquery 1.9.0 以上版本 jquery去掉了对 $.browser 的支持,采用$.support 来判断浏览器类型。导致之前的很多插件报错"Uncaught TypeError: Cannot read property 'msie' of undefined".网上有很

推荐度：

点击下载本文 文档为doc格式

导读Jquery扩展使用$.browser方法:由于jquery 1.9.0 以上版本 jquery去掉了对 $.browser 的支持,采用$.support 来判断浏览器类型。导致之前的很多插件报错"Uncaught TypeError: Cannot read property 'msie' of undefined".网上有很

由于jquery 1.9.0 以上版本 jquery去掉了对 $.browser 的支持,采用$.support 来判断浏览器类型。导致之前的很多插件报错

"Uncaught TypeError: Cannot read property 'msie' of undefined".

网上有很多解决办法如：

判断浏览器类型：

<span style="white-space:pre">	</span>$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
	$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
	$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
	$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

号后面的表达式返回的就是 true/false，可以直接用来替换原来的 $.browser.msie 等。

检查是否为 IE6：
// Old

<span style="white-space:pre">	</span>if ($.browser.msie && 7 > $.browser.version) {}

// New

<span style="white-space:pre">	</span>if ('undefined' == typeof(document.body.style.maxHeight)) {}

检查是否为 IE 6-8：

<span style="white-space:pre">	</span>if (!$.support.leadingWhitespace) {}

**************************************************************************

下面我们采取的思路是使用jquery的继承机制对jquery 1.11.1版本进行扩展使其支持 $.browser 方法，已达到兼容之前组件的目的.

jQuery.extend({
	browser: function() 
	{
	var
	 rwebkit = /(webkit)\/([\w.]+)/,
	 ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
	 rmsie = /(msie) ([\w.]+)/,
	 rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/, 
	 browser = {},
	 ua = window.navigator.userAgent,
	 browserMatch = uaMatch(ua);

	 if (browserMatch.browser) {
	 browser[browserMatch.browser] = true;
	 browser.version = browserMatch.version;
	 }
	 return { browser: browser };
	},
});

function uaMatch(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"
 };
}

将以上代码保存成 jquery-browser.js 使用即可。

Jquery扩展使用$.browser方法

推荐度：

点击下载本文 文档为doc格式

标签：使用使用方法插件

热门焦点

Jquery扩展使用$.browser方法

Jquery扩展使用$.browser方法

Jquery扩展使用$.browser方法

最新推荐

猜你喜欢

热门推荐