判断浏览器的内核及版本号方法汇总_jquery
程序员文章站
2022-04-11 19:44:45
...
通过jquery 判断浏览器的内核及版本号
$(function() {
if($.browser.msie) {
alert("this is msie");
}
else if($.browser.safari)
{
alert("this is safari!");
}
else if($.browser.mozilla)
{
alert("this is mozilla!");
}
else if($.browser.opera) {
alert("this is opera");
}
else {
alert("i don't konw!");
}
// browser check-----start
var userAgent = navigator.userAgent, // userAgent
rMsie = /.*(msie) ([\w.]+).*/, // ie
rFirefox = /.*(firefox)\/([\w.]+).*/, // firefox
rOpera = /(opera).+version\/([\w.]+)/, // opera
rChrome = /.*(chrome)\/([\w.]+).*/, // chrome
rSafari = /.*version\/([\w.]+).*(safari).*/;// safari
jMeteor.browser = {};
var ua = userAgent.toLowerCase();
function uaMatch(ua) {
var match = rMsie.exec(ua);
if (match != null) {
return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
}
var match = rFirefox.exec(ua);
if (match != null) {
return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
}
var match = rOpera.exec(ua);
if (match != null) {
return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
}
var match = rChrome.exec(ua);
if (match != null) {
return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
}
var match = rSafari.exec(ua);
if (match != null) {
return { browser : match[2] ¦¦ "", version : match[1] ¦¦ "0" };
}
if (match != null) {
return { browser : "", version : "0" };
}
}
var browserMatch = uaMatch(userAgent.toLowerCase());
if (browserMatch.browser) {
jMeteor.browser[browserMatch.browser] = true;
jMeteor.browserName = browserMatch.browser;
jMeteor.browser.version = browserMatch.version;
jMeteor.browser.language = (navigator.language ? navigator.language
: navigator.userLanguage ¦¦ "");
}
// browser check-----end
使用方法:
Javascript代码
jMeteor.browser.msie //判断是否为ie,返回true则代表是
jMeteor.browserName //浏览器名称
jMeteor.browser.version //浏览器版本
jMeteor.browser.language //语言
var _uat=navigator.userAgent;
if(_uat.indexOf("MSIE 6.0")>0) alert("ie6");
else if(_uat.indexOf("MSIE 7.0")>0) alert("ie7");
else if(_uat.indexOf("MSIE 8.0")>0) alert("ie8");
else if(_uat.indexOf("Firefox")>0) alert("firefox");
#example{color:red ;} /*firefox*/
* html #example{color:blue;} /*ie6*/
*+html #example{color:green;} /*ie7*/
1. 除IE外都可识别
2.
3.
4.
5.
6.
7.
8.
复制代码 代码如下:
jQuery 使用的是通过正则来匹配userAgent判断浏览器的种类和版本. 如果我们要来判断当前浏览器是否是IE6应该如何来判断?
复制代码 代码如下:
$(function() {
if($.browser.msie) {
alert("this is msie");
}
else if($.browser.safari)
{
alert("this is safari!");
}
else if($.browser.mozilla)
{
alert("this is mozilla!");
}
else if($.browser.opera) {
alert("this is opera");
}
else {
alert("i don't konw!");
}
以下是jquery的正则表达式:支持区分ie、firefox、opera、chrome、safari
复制代码 代码如下:
// browser check-----start
var userAgent = navigator.userAgent, // userAgent
rMsie = /.*(msie) ([\w.]+).*/, // ie
rFirefox = /.*(firefox)\/([\w.]+).*/, // firefox
rOpera = /(opera).+version\/([\w.]+)/, // opera
rChrome = /.*(chrome)\/([\w.]+).*/, // chrome
rSafari = /.*version\/([\w.]+).*(safari).*/;// safari
jMeteor.browser = {};
var ua = userAgent.toLowerCase();
function uaMatch(ua) {
var match = rMsie.exec(ua);
if (match != null) {
return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
}
var match = rFirefox.exec(ua);
if (match != null) {
return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
}
var match = rOpera.exec(ua);
if (match != null) {
return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
}
var match = rChrome.exec(ua);
if (match != null) {
return { browser : match[1] ¦¦ "", version : match[2] ¦¦ "0" };
}
var match = rSafari.exec(ua);
if (match != null) {
return { browser : match[2] ¦¦ "", version : match[1] ¦¦ "0" };
}
if (match != null) {
return { browser : "", version : "0" };
}
}
var browserMatch = uaMatch(userAgent.toLowerCase());
if (browserMatch.browser) {
jMeteor.browser[browserMatch.browser] = true;
jMeteor.browserName = browserMatch.browser;
jMeteor.browser.version = browserMatch.version;
jMeteor.browser.language = (navigator.language ? navigator.language
: navigator.userLanguage ¦¦ "");
}
// browser check-----end
使用方法:
Javascript代码
jMeteor.browser.msie //判断是否为ie,返回true则代表是
jMeteor.browserName //浏览器名称
jMeteor.browser.version //浏览器版本
jMeteor.browser.language //语言
通过浏览器版本信息判断各浏览器
复制代码 代码如下:
var _uat=navigator.userAgent;
if(_uat.indexOf("MSIE 6.0")>0) alert("ie6");
else if(_uat.indexOf("MSIE 7.0")>0) alert("ie7");
else if(_uat.indexOf("MSIE 8.0")>0) alert("ie8");
else if(_uat.indexOf("Firefox")>0) alert("firefox");
CSS判断浏览器
复制代码 代码如下:
#example{color:red ;} /*firefox*/
* html #example{color:blue;} /*ie6*/
*+html #example{color:green;} /*ie7*/
HTML判断浏览器
复制代码 代码如下:
1. 除IE外都可识别
2.
3.
4.
5.
6.
7.
8.
上一篇: 响应式布局的开发教程实例
下一篇: html:menu标签定义菜单列表的详解