做网站，js检测用户浏览器的版本，是经常要使用到，今天自己写了一个js，完成了对于一些常见浏览器的检测，但是，偏偏对于360浏览器的检测没有任何办法，研究了一会儿，无果。无论是360安全浏览器，还是360极速浏览器，在极速模式下面，都只能检测到用户是使用的谷歌浏览器。后来在网上找了很久，看了很多大神的帖子，结合了自己的想法，写出了下面的解决办法：
这是 BrowserCheck.html页面显示文件：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>浏览器检测</title> </head> <script> window. browserCheck(); } </script> <script src="jquery.min.js"></script> <script src="latest.js"></script> <script src="check.js"></script> <body> </body> </html>
这是Check.js显示文件，用来打印用户浏览器的版本号：
function browserCheck(){
var userAgent = navigator.userAgent,
rMsie = /(msie\s|trident.*rv:)([\w.]+)/,
rFirefox = /(firefox)\/([\w.]+)/,
rOpera = /(opera).+version\/([\w.]+)/,
rChrome = /(chrome)\/([\w.]+)/,
rSafari = /version\/([\w.]+).*(safari)/;
var browser;
var version;
var ua = userAgent.toLowerCase();
function uaMatch(ua) {
var match = rMsie.exec(ua);
if (match != null){
return { browser : "IE", 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[1] || "", version : match[2] || "0" };
}
if (match != null) {
return { browser : "", version : "0" };
}
}
var browserMatch = uaMatch(userAgent.toLowerCase());
if (browserMatch.browser) {
browser = browserMatch.browser;
version = browserMatch.version;
}
var i=0;
var s = $.ua().is360se;
if(s==true){
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用360安全浏览器Chrome内核,内核版本号："+version);
i=1;
}
var s = $.ua().is360ee;
if(s==true){
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用360极速浏览器Chrome内核,内核版本号："+version);
i=1;
}
var s = $.ua().isChrome;
if(s==true){
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用谷歌浏览器（原版）,内核版本号："+version);
i=1;
}
var s = $.ua().isLiebao;
if(s==true){
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用猎豹浏览器chrome内核,内核版本号："+version);
i=1;
}
var s = $.ua().isLiebao;
if(s==true){
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用猎豹浏览器chrome内核,内核版本号："+version);
i=1;
}
var s = $.ua().isSougou;
if(s==true){
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用搜狗浏览器chrome内核,内核版本号："+version);
i=1;
}
var s1 = $.ua().isIe;
if(s1==true){
var s2 = $.ua().ie;
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用IE浏览器，内核版本号："+version);
if(s2<8){
alert("用户浏览器版本检测——by Mona_侠快：您使用的浏览器在IE8.0以下，为了您获得良好的上网体验，强烈建议您升级您的IE，或者使用360安全浏览器！");
}
i=1;
}
var s = $.ua().isFirefox;;
if(s==true){
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用firefox浏览器，内核版本号："+version);
i=1;
}
var s = $.ua().isMobile;
if(s==true){
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用手机版浏览器");
i=1;
}
var s = $.ua().isTablet;
if(s==true){
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用平板浏览器");
i=1;
}
if(i==0){
document.write("用户浏览器版本检测——by Mona_侠快：你正在使用的是"+browser+"浏览器"+"内核版本号："+version);
}
}
// JavaScript Document其中有一个jquery插件jquery.min.js，请到附件中下载^_^!
附件中包含了这几个文件。
这个latest.js是用来检测浏览器版本的：
/**
* 1. 获取ua字符串
* $.ua().ua;
*
* 2. 设置ua字符串
* $.ua("string");
*
* 3. 获取参数
* $.ua().platform;
* $.ua().browser;
* $.ua().engine;
*
* 4. 内核判断
* $.ua().isWebkit;
* $.ua().isGecko;
* $.ua().isTrident;
*
* 4. 外壳判断
* $.ua().isChrome;
* $.ua().isFirefox;
* $.ua().is360se;
* $.ua().is360ee;
* $.ua().isLiebao;
* $.ua().isSougou;
* $.ua().ie;
* $.ua().isIe;
* $.ua().isIe6;
* $.ua().isIe7;
* $.ua().isIe8;
* $.ua().isIe9;
* $.ua().isIe10;
* $.ua().isIe11;
*/
;
(function ($, win, undefined) {
var UA = win.navigator.userAgent,
doc = win.document,
parseRule = {
platforms: [
// windows phone
{
name: 'windows phone',
versionSearch: 'windows phone os ',
versionNames: [ // windows phone must be tested before win
{
number: '7.5',
name: 'mango'
}
]
},
// windows
{
name: 'win',
slugName: 'windows',
versionSearch: 'windows(?: nt)? ',
versionNames: [{
number: '6.2',
name: 'windows 8'
}, {
number: '6.1',
name: 'windows 7'
}, {
number: '6.0',
name: 'windows vista'
}, {
number: '5.2',
name: 'windows xp'
}, {
number: '5.1',
name: 'windows xp'
}, {
number: '5.0',
name: 'windows 2000'
}]
},
// ipad
{
name: 'ipad',
versionSearch: 'cpu os ',
flags: ['ios']
},
// ipad and ipod must be tested before iphone
{
name: 'ipod',
versionSearch: 'iphone os ',
flags: ['ios']
},
// iphone
{
name: 'iphone',
versionSearch: 'iphone os ',
flags: ['ios']
},
// iphone must be tested before mac
{
name: 'mac',
versionSearch: 'os x ',
versionNames: [{
number: '10.8',
name: 'mountainlion'
}, {
number: '10.7',
name: 'lion'
}, {
number: '10.6',
name: 'snowleopard'
}, {
number: '10.5',
name: 'leopard'
}, {
number: '10.4',
name: 'tiger'
}, {
number: '10.3',
name: 'panther'
}, {
number: '10.2',
name: 'jaguar'
}, {
number: '10.1',
name: 'puma'
}, {
number: '10.0',
name: 'cheetah'
}]
},
// android
{
name: 'android',
versionSearch: 'android ',
versionNames: [
// android must be tested before linux
{
number: '4.1',
name: 'jellybean'
}, {
number: '4.0',
name: 'icecream sandwich'
}, {
number: '3.',
name: 'honey comb'
}, {
number: '2.3',
name: 'ginger bread'
}, {
number: '2.2',
name: 'froyo'
}, {
number: '2.',
name: 'eclair'
}, {
number: '1.6',
name: 'donut'
}, {
number: '1.5',
name: 'cupcake'
}
]
},
// blackberry
{
name: 'blackberry',
versionSearch: '(?:blackberry\\d{4}[a-z]?|version)/'
},
// blackberry
{
name: 'bb',
slugName: 'blackberry',
versionSearch: '(?:version)/'
},
// blackberry
{
name: 'playbook',
slugName: 'blackberry',
versionSearch: '(?:version)/'
},
// linux
{
name: 'linux'
},
// nokia
{
name: 'nokia'
}
],
browsers: [{
name: 'iemobile',
versionSearch: 'iemobile/'
}, // iemobile must be tested before msie
{
name: 'msie',
slugName: 'ie',
versionSearch: 'msie '
}, {
name: 'firefox',
versionSearch: 'firefox/'
}, {
name: 'chrome',
versionSearch: 'chrome/'
}, // chrome must be tested before safari
{
name: 'safari',
versionSearch: '(?:browser|version)/'
}, {
name: 'opera',
versionSearch: 'version/'
}
],
engines: [{
name: 'trident',
versionSearch: 'trident/'
}, {
name: 'webkit',
versionSearch: 'webkit/'
}, // webkit must be tested before gecko
{
name: 'gecko',
versionSearch: 'rv:'
}, {
name: 'presto',
versionSearch: 'presto/'
}
]
},
// [10,)版本就无法判断
ieVer = (function () {
var v = 3,
p = doc.createElement('p'),
all = p.getElementsByTagName('i');
while (
p.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
all[0]);
return v > 4 ? v : 0;
}()),
ieAX = win.ActiveXObject,
ieMode = doc.documentMode,
isIe = ieAX || ieMode,
isIe6 = (ieAX && ieVer == 6) || (ieMode == 6),
isIe7 = (ieAX && ieVer == 7) || (ieMode == 7),
isIe8 = (ieAX && ieVer == 8) || (ieMode == 8),
isIe9 = (ieAX && ieVer == 9) || (ieMode == 9),
isIe10 = ieMode === 10,
isIe11 = ieMode === 11,
isChrome = !isIe && _mime("type", "application/vnd.chromium.remoting-viewer"),
isLiebao = !isIe && !! win.external && !! win.external.LiebaoAutoFill_CopyToClipboard,
is360ee = !isIe && !isChrome && !isLiebao && _plugins("filename", "pepflashplayer.dll"),
is360se = !isIe && !is360ee && _mime("suffixes", "dll", "description", /fancy/),
isSougou = !isIe && _plugins("filename", "NPComBrg310.dll"),
isFirefox = win.scrollMaxX !== undefined;
if (isIe6) {
ieVer = 6;
} else if (isIe7) {
ieVer = 7;
} else if (isIe8) {
ieVer = 8;
} else if (isIe9) {
ieVer = 9;
} else if (isIe10) {
ieVer = 10;
} else if (isIe11) {
ieVer = 11;
}
$.extend({
ua: function () {
var args = arguments,
argL = args.length,
ua = (argL == 1 && $.type(args[0]) == "string" ? args[0] : UA).toLowerCase(),
objPlatform = _parse(parseRule.platforms, ua),
objBrowser = _parse(parseRule.browsers, ua, true),
objEngine = _parse(parseRule.engines, ua);
return {
// 返回ua字符串
ua: ua,
// 操作平台
platform: $.extend({}, objPlatform, {
os: win.navigator.platform.toLowerCase(),
plugins: win.navigator.plugins
}),
// 浏览器内核
engine: objEngine,
// 浏览器外壳
browser: objBrowser,
// ie
isIe: !! ieVer,
isIe6: isIe6,
isIe7: isIe7,
isIe8: isIe8,
isIe9: isIe9,
isIe10: isIe10,
isIe11: isIe11,
ie: ieVer,
// 内核
isWebkit: !! objEngine.isWebkit,
isGecko: !! objEngine.isGecko,
isTrident: !! objEngine.isTrident,
// 外壳[优先特征判断]
isChrome: isChrome,
is360ee: is360ee,
is360se: is360se,
isSougou: isSougou,
isLiebao: isLiebao,
isFirefox: isFirefox,
// 类型
isMobile: objPlatform.isMobile,
isTablet: objPlatform.isTablet,
isDesktop: objPlatform.isDesktop
};
}
});
/**
* 解析
* 参考：https://github.com/terkel/jquery-ua
* @param {Array} 需要解析的数据
* @param {String} 需要解析的ua字符串
* @param {Boolean} 是否为解析浏览器数据
* @return {Object} 解析后的对象
* @version 1.0
* 2013年9月27日13:36:47
*/
function _parse(rule, ua, isBrowser) {
var item = {},
name,
versionSearch,
flags,
versionNames,
i,
is,
ic,
j,
js,
jc;
if (isBrowser && ieVer) {
return {
name: "ie",
ie: true,
version: ieVer,
isIe: true
}
}
for (i = 0, is = rule.length; i < is; i++) {
ic = rule[i];
name = ic.name;
versionSearch = ic.versionSearch;
flags = ic.flags;
versionNames = ic.versionNames;
if (ua.indexOf(name) !== -1) {
item.name = name.replace(/\s/g, '');
if (ic.slugName) {
item.name = ic.slugName;
}
item["is" + _upperCase1st(item.name)] = true;
item.version = ('' + (new RegExp(versionSearch + '(\\d+((\\.|_)\\d+)*)').exec(ua) || [, 0])[1]).replace(/_/g, '.');
if (flags) {
for (j = 0, js = flags.length; j < js; j++) {
item["is" + _upperCase1st(flags[j])] = true;
}
}
if (versionNames) {
for (j = 0, js = versionNames.length; j < js; j++) {
jc = versionNames[j];
if (item.version.indexOf(jc.number) === 0) {
item.fullname = jc.name;
item["is" + _upperCase1st(item.fullname)] = true;
break;
}
}
}
if (rule === parseRule.platforms) {
item.isMobile = /mobile|phone/.test(ua) || item.isBlackberry;
item.isMobile = item.isMobile === undefined ? false : true;
item.isTablet = /tablet/.test(ua) || item.isIpad || (item.isAndroid && !/mobile/.test(ua));
item.isTablet = item.isTablet === undefined ? false : true;
if (item.isTablet) item.isMobile = false;
item.isDesktop = !item.isMobile && !item.isTablet ? true : false;
if (item.ios) {
item.fullname = 'ios' + parseInt(item.version, 10);
item["is" + _upperCase1st(item.fullname)] = true;
}
}
break;
}
}
if (!item.name) {
item['isUnknown'] = true;
item.name = '';
item.version = '';
}
return item;
}
// 大写第一个字母
function _upperCase1st(string) {
return string.replace(/^(\w)/, function (w) {
return w.toUpperCase()
});
}
// 测试mime
function _mime(where, value, name, nameReg) {
var mimeTypes = win.navigator.mimeTypes,
i;
for (i in mimeTypes) {
if (mimeTypes[i][where] == value) {
if (name !== undefined && nameReg.test(mimeTypes[i][name])) return true;
else if (name === undefined) return true;
}
}
return false;
}
// 测试plugins
function _plugins(where, value) {
var plugins = win.navigator.plugins,
i;
for (i in plugins) {
if (plugins[i][where] == value) return true;
}
return false;
}
})(jQuery, this);本人是个新手，不足之处大家一起探讨
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
