要知道我们所使用浏览器的相关信息,都离不开一个对象:Navigator
Navigator 包含了有关访问者浏览器的信息,包括浏览器类型、版本等等。
大家可以直接运行一遍仔细看看就可以懂了
查看时建议使用Chrome浏览器,看起来比较清楚
console.log(navigator);
在控制台可以很清楚的展示出来,想要获取什么内容或信息直接 “ . ”就OK了;
再附上一段直接显示名称与版本号代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取浏览器名称与版本号</title>
</head>
<body>
<script type="text/javascript">
console.log(navigator);
function browserInfo(){
var userAgent = navigator.userAgent;
var isOpera = userAgent.indexOf("Opera") > -1;
if (isOpera) { //Opera
return "Opera"
}
if (userAgent.indexOf("Firefox") > -1) { //Firefox
return "FF";
}
if (userAgent.indexOf("Chrome") > -1){ //Chrome
return "Chrome";
}
if (userAgent.indexOf("Safari") > -1) { //Safari
return "Safari";
}
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
return "IE";
} //IE
}
var mb = browserInfo();
if ("IE" == mb) {
document.write("我是 IE");
}
if ("FF" == mb) {
document.write("我是 Firefox");
}
if ("Chrome" == mb) {
document.write("我是 Chrome");
}
if ("Opera" == mb) {
document.write("我是 Opera");
}
if ("Safari" == mb) {
document.write("我是 Safari");
}
function getBrowserInfo()
{
var versions = navigator.userAgent.toLowerCase() ;
var reg_ie = /msie [\d.]+;/gi, reg_fox = /firefox\/[\d.]+/gi, reg_chrome = /chrome\/[\d.]+/gi , reg_saf = /safari\/[\d.]+/gi ;
if(versions.indexOf("msie") > 0) //IE
{
return versions.match(reg_ie) ;
}
if(versions.indexOf("firefox") > 0) //firefox
{
return versions.match(reg_fox) ;
}
if(versions.indexOf("chrome") > 0) //Chrome
{
return versions.match(reg_chrome) ;
}
if(versions.indexOf("safari") > 0 && versions.indexOf("chrome") < 0) //Safari
{
return versions.match(reg_saf) ;
}
}
var browser = getBrowserInfo() ;
var versionNum = (browser+"").replace(/[^0-9.]/ig,"");
document.write("<br /> 版本号: "+ versionNum);
</script>
</body>
</html>