JavaScript能获取的所有浏览器信息

﹏ヽ暗。殇╰゛Y 2022-08-11 16:58 220阅读 0赞

JavaScript教程网这篇文章位大家详细讲解JavaScript能获取的所有浏览器信息，希望大家在做前端开发的时候，有所帮助。目前只在IE环境下测试通过。  
  
![103737lr7h33m76leo69rm.jpg][]   
[**点击查看实例**][Link 1]  
  
最近要用js实现一个客户端采集器的功能，在网上查了一些，感觉网上的有些乱，而且也不是很全，在此做了一个整理。当前页面实现了浏览器信息的采集和客户端硬件信息的采集(cpu,硬盘，主板，键盘，光驱等)。在此分享，希望能给各位带来方便，也感谢相关信息的分享者！   
  
<!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="Generator" content="EditPlus">  
  <meta name="Author" content="">  
  <meta name="Keywords" content="">  
  <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;  // 安装在浏览器上的所有插件的数组.虽然 plugins\[\] 数组是由 IE 4 定义的，  
//但是在 IE 4 中它却总是空的，因为 IE 4 不支持插件和 Plugin对象。  
var userLanguage = navigator.userLanguage; // 用户在自己的操作系统上设置的语言（火狐没有）  
var userAgent = navigator.userAgent;   //包含以下属性中所有或一部分的字符串：appCodeName,appName,appVersion,language,platform  
var systemLanguage = navigator.systemLanguage;// 用户操作系统支持的默认语言（火狐没有）  
  
var info = "<table border=1>";  
var type ="";  
if(isIe())\{   
  type="IE浏览器";  
\}else if(isFireFox())\{   
  type="火狐浏览器";  
\}  
info+="<tr><td>浏览器类型：</td><td>"+type+"</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>浏览器的是否启用了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;  
//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;  // 关于浏览器厂商更多的信息    
  
\}  
//获取插件所有的名称  
function getPluginName()\{   
var info = "";  
var plugins = navigator.plugins;  
if (plugins.length>0) \{    
  for (i=0; i < navigator.plugins.length; i++ ) \{    
   info += navigator.plugins*.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.name.indexOf(pluginname) >= 0) \{    
f=navigator.plugins.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;  
\}   
  
  
http://www.w3school.com.cn/htmldom/dom\_obj\_navigator.asp  
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*以上为浏览器信息，以下为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>   
<INPUT id="Button1" type="button" value="客户端pc信息"   
name="Button1" language=javascript>   
<div id="elInfo" >  
</div>  
</body>  
</html>  
  
此版本主要针对IE浏览器。硬件信息的获取由于使用了IE的ActiveX，所以Firefox下无法获取硬件信息。也希望高手能够帮忙解决一下。*

*来源：[http://www.17javascript.com/thread-23-1-1.html][http_www.17javascript.com_thread-23-1-1.html]*

[103737lr7h33m76leo69rm.jpg]: http://www.17javascript.com/data/attachment/forum/201409/01/103737lr7h33m76leo69rm.jpg
[Link 1]: http://www.17javascript.com/demo/js_all_info.html
[http_www.17javascript.com_thread-23-1-1.html]: http://www.17javascript.com/thread-23-1-1.html