js获取浏览器类型和版本信息

Posted 2020-10-19 世界，太精彩

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js获取浏览器类型和版本信息相关的知识，希望对你有一定的参考价值。

bro () {
    let broName = \'Runing\'
    let strStart = 0
    let strStop = 0
    let temp = \'\'
    let userAgent = window.navigator.userAgent // 包含以下属性中所有或一部分的字符串：appCodeName,appName,appVersion,language,platform
    // FireFox
    if (userAgent.indexOf(\'Firefox\') !== -1) {
        strStart = userAgent.indexOf(\'Firefox\')
        temp = userAgent.substring(strStart)
        broName = temp.replace(\'/\', \' 版本号\')
    }
    // Edge
    if (userAgent.indexOf(\'Edge\') !== -1) {
        /* broName = \'Edge浏览器\'; */
        strStart = userAgent.indexOf(\'Edge\')
        temp = userAgent.substring(strStart)
        broName = temp.replace(\'/\', \' 版本号\')
    }
    // IE浏览器
    if (userAgent.match(/msie ([\\d.]+)/)) {
        /* broName = \'IE浏览器\'; */
        let s = userAgent.match(/msie ([\\d.]+)/)
        let res = \'IE \' + s[1]
        broName = res + res.replace(/[^0-9.]/ig, \'\')
    }
    // 360极速模式可以区分360安全浏览器和360极速浏览器
    if (userAgent.indexOf(\'WOW\') !== -1 && userAgent.indexOf(\'NET\') < 0 && userAgent.indexOf(\'Firefox\') < 0) {
        if (navigator.javaEnabled()) {
            broName = \'360安全浏览器-极速模式\'
        } else {
            broName = \'360极速浏览器-极速模式\'
        }
    }
    // 360兼容
    if (userAgent.indexOf(\'WOW\') !== -1 && userAgent.indexOf(\'NET\') !== -1 && userAgent.indexOf(\'MSIE\') !== -1 && userAgent.indexOf(\'rv\') < 0) {
        broName = \'360兼容模式\'
    }
    // Chrome浏览器
    if (userAgent.match(/Chrome\\/([\\d.]+)/)) {
        /* broName = \'Chrome浏览器\'; */
        strStart = userAgent.indexOf(\'Chrome\')
        strStop = userAgent.indexOf(\'Safari\')
        temp = userAgent.substring(strStart, strStop)
        broName = temp.replace(\'/\', \' 版本号\')
    }
    // safari
    if (userAgent.match(/Version\\/([\\d.]+).*Safari/)) {
        strStop = userAgent.indexOf(\'Safari\')
        temp = userAgent.substring(strStop)
        broName = temp.replace(\'/\', \' 版本号\')
    }
    // opera
    if (userAgent.match(/Opera.([\\d.]+)/)) {
        strStop = userAgent.indexOf(\'Opera\')
        temp = userAgent.substring(strStop)
        broName = temp.replace(\'/\', \' 版本号\')
    }
    return broName
}

参考文件： https://www.cnblogs.com/muscleape/p/6897356.html

javascript获取浏览器版本等信息

** 不同浏览器版本可能存在差异，使用时请测试自己的环境 **

测试时各个浏览器版本

IE: 11.953.14393.0
Edge: Microsoft Edge 38.14393.0.0;Microsoft EdgeHTML 14.14393
Chrome: 57.0.2987.133 (64-bit)
FireFox: 52.0.1 (32 位)
360极速浏览器： 版本号:8.7.0.306;内核版本号:50.0.2661.102
360安全浏览器： 版本号:8.1.1.400;内核版本号:45.0.2454.101
程序源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<base>
<meta charset="utf-8">
<title>JS获取浏览器类型和版本信息</title>

<script>
function bro() {
var is360 = false;
var isIE = false;
var isFirefox = false;
var isChrome = false;
var isEdge = false;
var broName = \'Runing\';
var str = \'\';
var strStart = 0;
var strStop = 0;
var arr = new Array();
var temp = \'\';

var userAgent = window.navigator.userAgent; //包含以下属性中所有或一部分的字符串：appCodeName,appName,appVersion,language,platform

/*alert(userAgent);*/

//FireFox
if (userAgent.indexOf(\'Firefox\') != -1) {
isFireFox = true;
/*broName = \'FireFox浏览器\';*/
strStart = userAgent.indexOf(\'Firefox\');
temp = userAgent.substring(strStart);
broName = temp.replace(\'/\', \'版本号\')

}

//Edge
if (userAgent.indexOf(\'Edge\') != -1) {
isEdge = true;
/*broName = \'Edge浏览器\';*/
strStart = userAgent.indexOf(\'Edge\');
temp = userAgent.substring(strStart);
broName = temp.replace(\'/\', \'版本号\');
}

//IE浏览器
if (userAgent.indexOf(\'NET\') != -1 && userAgent.indexOf("rv") != -1) {
isIE = true;
/*broName = \'IE浏览器\'; */
strStart = userAgent.indexOf(\'rv\');
strStop = userAgent.indexOf(\')\');
temp = userAgent.substring(strStart, strStop);
broName = temp.replace(\'rv\', \'IE\').replace(\':\', \'版本号\');
}

//360极速模式可以区分360安全浏览器和360极速浏览器
if (userAgent.indexOf(\'WOW\') != -1 && userAgent.indexOf("NET") < 0 && userAgent.indexOf("Firefox") < 0) {
if(navigator.javaEnabled()){
is360 = true;
broName = \'360安全浏览器-极速模式\';
}else{
is360 = true;
broName = \'360极速浏览器-极速模式\';
} 
}

//360兼容
if (userAgent.indexOf(\'WOW\') != -1 && userAgent.indexOf("NET") != -1 && userAgent.indexOf("MSIE") != -1 && userAgent.indexOf("rv") < 0) {
is360 = true;
broName = \'360兼容模式\';
}

//Chrome浏览器
if (userAgent.indexOf(\'WOW\') < 0 && userAgent.indexOf("Edge") < 0) {
isChrome = true;
/*broName = \'Chrome浏览器\';*/
strStart = userAgent.indexOf(\'Chrome\');
strStop = userAgent.indexOf(\' Safari\');
temp = userAgent.substring(strStart, strStop);
broName = temp.replace(\'/\', \'版本号\');

}

document.getElementById(\'broType\').value = broName;

}
</script>
</head>

<body onload="bro();">
<input type="text" id="broType" name="broType" style="width: 200px;">
<h4>JavaScript获取浏览器版本信息</h4>
</body>

</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>
<title> New Document </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta charset="utf-8" />
<meta name="Description" content="">

<script id=clientEventHandlersJS language=javascript>
/******************************************下为浏览器信息************************************************/
//获取浏览器相关信息
function allinfo() {
var appName = navigator.appName; //浏览器的正式名称
var appVersion = navigator.appVersion; //浏览器的版本号
var cookieEnabled = navigator.cookieEnabled; // 返回用户浏览器是否启用了cookie
var cpuClass = navigator.cpuClass; //返回用户计算机的cpu的型号，通常intel芯片返回"x86"（火狐没有）

var mimeType = navigator.mimeTypes; // 浏览器支持的所有MIME类型的数组
var platform = navigator.platform; // 浏览器正在运行的操作系统平台，包括Win16(windows3.x) 
// Win32(windows98,Me,NT,2000,xp),Mac68K(Macintosh 680x0)
// 和ＭacPPC(Macintosh PowerPC)
var plugins = navigator.plugins; // 安装在浏览器上的所有插件的数组
var userLanguage = navigator.userLanguage; // 用户在自己的操作系统上设置的语言（火狐没有）
var userAgent = navigator.userAgent; //包含以下属性中所有或一部分的字符串：appCodeName,appName,appVersion,language,platform
var systemLanguage = navigator.systemLanguage; // 用户操作系统支持的默认语言（火狐没有）

//director

var appCodeName = navigator.appCodeName; //与浏览器相关的内部代码名
var appMinorVersion = navigator.appMinorVersion; //辅版本号（通常应用于浏览器的补丁或服务包)

var language = navigator.language; //浏览器支持的语言 （IE没有）

var onLine = navigator.onLine; //返回浏览器是否处于在线模式（IE4以上版本）

var opsProfile = navigator.opsProfile; // 未定义 （IE、火狐没有）

var oscpu = navigator.oscpu; //浏览器正在运行的操作系统，其中可能有CPU的信息（IE没有）

var product = navigator.product; // 浏览器的产品名（IE没有）

var productSub = navigator.productSub; //关于浏览器更多信息（IE没有）

var securityPolicy = navigator.securityPolicy; // 浏览器支持的加密类型（IE没有）

var userProfile = navigator.userProfile; // 返回一个UserProfile对象，它存储用户的个人信息（火狐没有）

var vender = navigator.vender; // 浏览器厂商名称（IE、火狐没有）

var vendorSub = navigator.vendorSub; // 关于浏览器厂商更多的信息

var webkitPersistentStorage = navigator.webkitPersistentStorage;

var info = "<table border=1>";
var type = "";
if (isIe()) {
type = "IE浏览器";
} else if (isFireFox()) {
type = "火狐浏览器";
}
info += "<tr><td>IE特有属性：</td><td>" + navigator.msManipulationViewsEnabled + "</td></tr>";
info += "<tr><td>浏览器类型：</td><td>" + type + "</td></tr>";
info += "<tr><td>weizhi ：</td><td>" + webkitPersistentStorage + "</td></tr>";
info += "<tr><td>浏览器属性信息：</td><td>" + userAgent + "</td></tr>";
info += "<tr><td>浏览器的正式名称：</td><td>" + appName + "</td></tr>";
info += "<tr><td>浏览器的版本号：</td><td>" + appVersion + "</td></tr>";
info += "<tr><td>浏览器相关的内部代码名：</td><td>" + appCodeName + "</td></tr>";
info += "<tr><td>浏览器相关的辅代码号：</td><td>" + appMinorVersion + "</td></tr>";
info += "<tr><td>浏览器支持的语言IE没有）：</td><td>" + language + "</td></tr>";
info += "<tr><td>浏览器是否处于在线模式：</td><td>" + onLine + "</td></tr>";
info += "<tr><td>浏览器的产品名（IE没有）：</td><td>" + product + "</td></tr>";
info += "<tr><td>浏览器更多信息：</td><td>" + productSub + "</td></tr>";
info += "<tr><td>浏览器厂商名称：</td><td>" + vender + "</td></tr>";
info += "<tr><td>浏览器厂商更多信息：</td><td>" + vendorSub + "</td></tr>";
info += "<tr><td>浏览器的是否启用了cookie：</td><td>" + cookieEnabled + "</td></tr>";
info += "<tr><td>cpu等级：</td><td>" + cpuClass + "</td></tr>";
info += "<tr><td>浏览器的MIME类型：</td><td>" + mimeType.length + "</td></tr>";
info += "<tr><td>系统平台：</td><td>" + platform + "</td></tr>";
info += "<tr><td>安装的插件：</td><td>" + plugins + "</td></tr>";
info += "<tr><td>插件的数量：</td><td>" + plugins.length + "</td></tr>";
info += "<tr><td>插件的名称：</td><td>" + getPluginName() + "</td></tr>";
info += "<tr><td>用户设置的操作系统语言：</td><td>" + userLanguage + "</td></tr>";
info += "<tr><td>操作系统支持的默认语言：</td><td>" + systemLanguage + "</td></tr>";
info += "<tr><td>Director：</td><td>" + checkePlugs("Director") + "</td></tr>";
info += "<tr><td>javaEnabled：</td><td>" + navigator.javaEnabled() + "</td></tr>";
info += "<tr><td>是否有quickTime：</td><td>" + checkePlugs("QuickTime") + "</td></tr>";
info += "<tr><td>flash插件情况：</td><td>" + checkePlugs(\'Shockwave Flash\') + "</td></tr>";
info += "<tr><td>是否有MediaPlayer：</td><td>" + checkePlugs("MediaPlayer") + "</td></tr>";
info += "<tr><td>是否有realPlayer:</td><td>" + checkePlugs("RealPlayer") + "</td></tr>";
info += "<tr><td>屏幕分辨率高度：</td><td>" + window.screen.height + "</td></tr>";
info += "<tr><td>屏幕分辨率宽度：</td><td>" + window.screen.width + "</td></tr>";
info += "<tr><td>颜色质量：</td><td>" + window.screen.colorDepth + "位</td></tr>";
info += "<tr><td>像素：</td><td>" + window.screen.deviceXDPI + "像素/英寸</td></tr>";
info += "<tr><td>字体是否平滑：</td><td>" + window.screen.fontSmoothingEnabled + "</td></tr>";
//info += "<tr><td>规定浏览器是否启用数据污点：</td><td>" + navigator.taintEnabled() + "</td></tr>";
info += "</table>";
document.getElementById("elInfo").innerHTML = info;
return info;

 

}
//获取插件所有的名称
function getPluginName() {
var info = "";
var plugins = navigator.plugins;
if (plugins.length > 0) {
for (i = 0; i < navigator.plugins.length; i++) {
info += navigator.plugins[i].name + ";";
}
}
return info;
}
//检查是否安装了某插件，如果安装了返回版本号
function checkePlugs(pluginname) {
var f = "-"
var plugins = navigator.plugins;
if (plugins.length > 0) {
for (i = 0; i < navigator.plugins.length; i++) {
if (navigator.plugins[i].name.indexOf(pluginname) >= 0) {
f = navigator.plugins[i].description.split(pluginname)[1];
return f;
break;
}
}
}
return false;
}
//判断是否IE
function isIe() {
var i = navigator.userAgent.toLowerCase().indexOf("msie");
return i >= 0;
}
//判断是否firefox
function isFireFox() {
var i = navigator.userAgent.toLowerCase().indexOf("firefox");
return i >= 0;
}

 

 

/******************************************以上为浏览器信息，以下为pc信息************************************************/
var locator = new ActiveXObject("WbemScripting.SWbemLocator");
var service = locator.ConnectServer(".");

function cpuInfo() { //CPU 信息 
var properties = service.ExecQuery("SELECT * FROM Win32_Processor");
var e = new Enumerator(properties);
var info = "<table border=1>";
info += "<tr bgcolor=\'#CDEDED\' style=\'font-weight: bold;\' ><td width=\'450\' >CPU 信息</td></tr>";
for (; !e.atEnd(); e.moveNext()) {
var p = e.item();
info += "<tr style=\'color: red\'><td >CPU序列号:" + p.ProcessorID + "</td></tr>";
info += "<tr><td >" + p.Caption + "</td></tr>";
info += "<tr><td >CPU编号：" + p.DeviceID + "</td></tr>";
info += "<tr><td >CPU型号：" + p.Name + "</td></tr>";
info += "<tr><td >CPU状态：" + p.CpuStatus + "</td></tr>";
info += "<tr><td >CPU可用性：" + p.Availability + "</td></tr>";
info += "<tr><td >CUP Level：" + p.Level + "</td></tr>";
info += "<tr><td >主机名称：" + p.SystemName + "</td></tr>";
info += "<tr><td >Processor Type：" + p.ProcessorType + "</td></tr>";
}
info += "</table>";
return info;
}

function softDisk() { //软盘信息 
var properties = service.ExecQuery("SELECT * FROM Win32_FloppyDrive");
var e = new Enumerator(properties);
var info = "<table border=1>";
info += "<tr bgcolor=\'#CDEDED\' style=\'font-weight: bold;\' ><td width=\'450\'>软盘信息</td></tr>";
for (; !e.atEnd(); e.moveNext()) {
var p = e.item();
info += "<tr><td >" + p.Description + "</td></tr>";
info += "<tr><td >" + p.DeviceID + "</td></tr>";
info += "<tr><td >" + p.Status + "</td></tr>";
info += "<tr><td >" + p.Manufacuturer + "</td></tr>";
}
info += "</table>";
return info;
}

function RomInfo() { //CD-ROM 信息 
var properties = service.ExecQuery("SELECT * FROM Win32_CDROMDrive");
var e = new Enumerator(properties);
var info = "<table border=1>";
info += "<tr bgcolor=\'#CDEDED\' style=\'font-weight: bold;\'><td width=\'450\' >CD-ROM 信息 </td></tr>";
for (; !e.atEnd(); e.moveNext()) {
var p = e.item();
info += "<tr><td >驱动器名称：" + p.Caption + "</td></tr>";
info += "<tr><td >描述：" + p.Description + "</td></tr>";
info += "<tr><td >盘符：" + p.Drive + "</td></tr>";
info += "<tr><td >驱动器状态：" + p.Status + "</td></tr>";
info += "<tr><td >是否在使用：" + p.MediaLoaded + "</td></tr>";
}
info += "</table>";
return info;
}

function keyBoardInfo() { //键盘信息 
var properties = service.ExecQuery("SELECT * FROM Win32_Keyboard");
var e = new Enumerator(properties);
var info = "<table border=1>";
info += "<tr bgcolor=\'#CDEDED\' style=\'font-weight: bold;\'><td width=\'450\'>键盘信息 </td></tr>";
for (; !e.atEnd(); e.moveNext()) {
var p = e.item();
info += "<tr><td >键盘描述：" + p.Description + "</td></tr>";
info += "<tr><td >键盘名称：" + p.Name + "</td></tr>";
info += "<tr><td >键盘状态：" + p.Status + "</td></tr>";
}
info += "</table>";
return info;
}

function mainBoard() { //主板信息 
var properties = service.ExecQuery("SELECT * FROM Win32_BaseBoard");
var e = new Enumerator(properties);
var info = "<table border=1>";
info += "<tr bgcolor=\'#CDEDED\' style=\'font-weight: bold;\'><td width=\'450\'>主板信息 </td></tr>";
for (; !e.atEnd(); e.moveNext()) {
var p = e.item();
info += "<tr style=\'color: red\'><td >主板ID：" + p.SerialNumber + "</td></tr>";
info += "<tr><td >" + p.HostingBoard + "</td></tr>";
info += "<tr><td >制造商：" + p.Manufacturer + "</td></tr>";
info += "<tr><td >是否开启：" + p.PoweredOn + "</td></tr>";
info += "<tr><td >型号：" + p.Product + "</td></tr>";
info += "<tr><td >版本：" + p.Version + "</td></tr>";
}
info += "</table>";
return info;
}

function disk() { //硬盘序列号 信息
var properties = service.ExecQuery("SELECT * FROM Win32_DiskDrive");
var e = new Enumerator(properties);
var info = "<table border=1>";
info += "<tr bgcolor=\'#CDEDED\' style=\'font-weight: bold;\' ><td width=\'450\'>硬盘信息 </td></tr>";
for (; !e.atEnd(); e.moveNext()) {
var p = e.item();
info += "<tr style=\'color: red\'><td >硬盘序列号：" + p.signature + "</td></tr>";
}
info += "</table>";
return info;
}
//获取Ram信息
function raminfo() {
var system = new Enumerator(service.ExecQuery("SELECT * FROM Win32_ComputerSystem")).item();

var physicMenCap = Math.ceil(system.TotalPhysicalMemory / 1024 / 1024);
//内存信息 
var memory = new Enumerator(service.ExecQuery("SELECT * FROM Win32_PhysicalMemory"));
for (var mem = [], i = 0; !memory.atEnd(); memory.moveNext()) {
mem[i++] = {
cap: memory.item().Capacity / 1024 / 1024,
speed: memory.item().Speed
};
}

var info = "<table border=1>";
info += "<tr bgcolor=\'#CDEDED\' style=\'font-weight: bold;\' ><td width=\'450\'>内存信息 </td></tr>";
info += "<tr style=\'color: red\'><td >内存总量：" + (mem[0].cap + mem[1].cap) + "M</td></tr>";
info += "<tr style=\'color: red\'><td >可用物理内存：" + physicMenCap + "M</td></tr>";
info += "</table>";
return info;
}

//获取网络连接信息
function ipinfo() {

var properties = service.ExecQuery("SELECT * FROM Win32_NetworkAdapterConfiguration Where IPEnabled=TRUE");
var e = new Enumerator(properties);
var info = "<table border=1>";
info += "<tr bgcolor=\'#CDEDED\' style=\'font-weight: bold;\' ><td width=\'450\'>网络连接信息：</td></tr>";
var i = 1;
for (; !e.atEnd(); e.moveNext()) {
var p = e.item();
info += "<tr style=\'color: red\'><td >MAC地址" + i + "：" + p.MACAddress + "</td></tr>";
info += "<tr style=\'color: red\'><td >IP地址" + i + "：" + p.IPAddress(0) + "</td></tr>";
i++;
}
info += "</table>";
return info;
}

function pcInfo() { //所有信息

var info = cpuInfo();
info += disk();
info += raminfo();
info += mainBoard();
info += ipinfo();
info += keyBoardInfo();
info += RomInfo();
info += softDisk();

document.getElementById(\'elInfo\').innerHTML = info;
return info;
}


/******************************************以上为pc信息************************************************/
</script>

</head>

<body>

<INPUT id="Button1" type="button" value="浏览器所有信息" name="Button1" language=javascript onclick="allinfo()">

<INPUT id="Button1" type="button" value="客户端pc信息" name="Button1" language=javascript onclick="pcInfo()">

<div id="elInfo">

</div>
</body>

</html>

以上是关于js获取浏览器类型和版本信息的主要内容，如果未能解决你的问题，请参考以下文章

js获取浏览器信息

Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码