Javascript 如何检测旧版本的浏览器并重定向到浏览器支持页面
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/28939069/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to detect older version of browser and redirect to browser support page
提问by dsi
If IE <9 then or mozilla < 35 or Chrome < 39 or safari < s7 then, it should redirect to browser support page.
如果 IE <9 then or mozilla < 35 or Chrome < 39 or safari < s7 then,它应该重定向到浏览器支持页面。
Tried using below code but, it did not work.. it only work when, i have opend the object inspector window in IE.
尝试使用下面的代码，但是，它不起作用..它只在我在 IE 中打开对象检查器窗口时才起作用。
<!--[if lt IE 9 ]>
<script type='text/javascript'>
console.log("its less than IE 9");
window.location.href="BrowserSupport.html";
</script>
Please guide me how can i detect for these browsers version and redirect to browser support page ?
请指导我如何检测这些浏览器版本并重定向到浏览器支持页面？
回答by Tushar
var nVer = navigator.appVersion;
var nAgt = navigator.userAgent;
var browserName = navigator.appName;
var fullVersion = ''+parseFloat(navigator.appVersion);
var majorVersion = parseInt(navigator.appVersion,10);
var nameOffset,verOffset,ix;
// In Opera 15+, the true version is after "OPR/"
if ((verOffset=nAgt.indexOf("OPR/"))!=-1) {
browserName = "Opera";
fullVersion = nAgt.substring(verOffset+4);
}
// In older Opera, the true version is after "Opera" or after "Version"
else if ((verOffset=nAgt.indexOf("Opera"))!=-1) {
browserName = "Opera";
fullVersion = nAgt.substring(verOffset+6);
if ((verOffset=nAgt.indexOf("Version"))!=-1)
fullVersion = nAgt.substring(verOffset+8);
}
// In MSIE, the true version is after "MSIE" in userAgent
else if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {
browserName = "Microsoft Internet Explorer";
fullVersion = nAgt.substring(verOffset+5);
}
// In Chrome, the true version is after "Chrome"
else if ((verOffset=nAgt.indexOf("Chrome"))!=-1) {
browserName = "Chrome";
fullVersion = nAgt.substring(verOffset+7);
}
// In Safari, the true version is after "Safari" or after "Version"
else if ((verOffset=nAgt.indexOf("Safari"))!=-1) {
browserName = "Safari";
fullVersion = nAgt.substring(verOffset+7);
if ((verOffset=nAgt.indexOf("Version"))!=-1)
fullVersion = nAgt.substring(verOffset+8);
}
// In Firefox, the true version is after "Firefox"
else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {
browserName = "Firefox";
fullVersion = nAgt.substring(verOffset+8);
}
// In most other browsers, "name/version" is at the end of userAgent
else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) <
(verOffset=nAgt.lastIndexOf('/')) )
{
browserName = nAgt.substring(nameOffset,verOffset);
fullVersion = nAgt.substring(verOffset+1);
if (browserName.toLowerCase()==browserName.toUpperCase()) {
browserName = navigator.appName;
}
}
// trim the fullVersion string at semicolon/space if present
if ((ix=fullVersion.indexOf(";"))!=-1)
fullVersion=fullVersion.substring(0,ix);
if ((ix=fullVersion.indexOf(" "))!=-1)
fullVersion=fullVersion.substring(0,ix);
majorVersion = parseInt(''+fullVersion,10);
if (isNaN(majorVersion)) {
fullVersion = ''+parseFloat(navigator.appVersion);
majorVersion = parseInt(navigator.appVersion,10);
}
alert("Name:"+browserName+" Version "+majorVersion)回答by Kumar
Update the code. Now it will work fine
更新代码。现在它会正常工作
/*
* Browser Detect script
*/
BrowserDetect = (function() {
// script settings
var options = {
osVersion: true,
minorBrowserVersion: true
};
// browser data
var browserData = {
browsers: {
chrome: uaMatch(/Chrome\/([0-9\.]*)/),
firefox: uaMatch(/Firefox\/([0-9\.]*)/),
safari: uaMatch(/Version\/([0-9\.]*).*Safari/),
opera: uaMatch(/Opera\/.*Version\/([0-9\.]*)/, /Opera\/([0-9\.]*)/),
msie: uaMatch(/MSIE ([0-9\.]*)/, /Trident.*rv:([0-9\.]*)/)
},
engines: {
webkit: uaContains('AppleWebKit'),
trident: uaMatch(/(MSIE|Trident)/),
gecko: uaContains('Gecko'),
presto: uaContains('Presto')
},
platforms: {
win: uaMatch(/Windows NT ([0-9\.]*)/),
mac: uaMatch(/Mac OS X ([0-9_\.]*)/),
linux: uaContains('X11', 'Linux')
}
};
// perform detection
var ua = navigator.userAgent;
var detectData = {
platform: detectItem(browserData.platforms),
browser: detectItem(browserData.browsers),
engine: detectItem(browserData.engines)
};
// private functions
function uaMatch(regExp, altReg) {
return function() {
var result = regExp.exec(ua) || altReg && altReg.exec(ua);
return result && result[1];
};
}
function uaContains(word) {
var args = Array.prototype.slice.apply(arguments);
return function() {
for(var i = 0; i < args.length; i++) {
if(ua.indexOf(args[i]) < 0) {
return;
}
}
return true;
};
}
function detectItem(items) {
var detectedItem = null, itemName, detectValue;
for(itemName in items) {
if(items.hasOwnProperty(itemName)) {
detectValue = items[itemName]();
if(detectValue) {
return {
name: itemName,
value: detectValue
};
}
}
}
}
// add classes to root element
(function() {
// helper functions
var addClass = function(cls) {
var html = document.documentElement;
html.className += (html.className ? ' ' : '') + cls;
};
var getVersion = function(ver) {
return typeof ver === 'string' ? ver.replace(/\./g, '_') : 'unknown';
};
// add classes
if(detectData.platform) {
addClass(detectData.platform.name);
if(options.osVersion) {
addClass(detectData.platform.name + '-' + getVersion(detectData.platform.value));
}
}
if(detectData.engine) {
addClass(detectData.engine.name);
}
if(detectData.browser) {
addClass(detectData.browser.name);
addClass(detectData.browser.name + '-' + parseInt(detectData.browser.value, 10));
if(options.minorBrowserVersion) {
addClass(detectData.browser.name + '-' + getVersion(detectData.browser.value));
}
}
}());
// export detection information
return detectData;
}());回答by BogdanM
You could simply use something already made like which browser. Just download it from github. It's often easier and better as writing your own version of the wheel.
你可以简单地使用已经制作的东西，比如which browser。只需从github下载它。编写您自己的轮子版本通常更容易、更好。
Edit: since you provide more info in the comment and "which broser" uses some php, whicle you use asp, here is a pure javascript solution using jquery: Jquery Browser.
编辑：由于您在评论中提供了更多信息并且“哪个兄弟”使用了一些 php，而您使用的是 asp，这里是一个使用 jquery 的纯 javascript 解决方案：Jquery Browser。
if ( $.browser.msie ) {
alert( $.browser.version );
}
and the you can redirect with jquery as well:
您也可以使用 jquery 重定向：
$(location).attr('href','http://examplesite.com/whatever.html');
