js獲取瀏覽器資訊和客戶端硬體資訊（一）

free_live_zyx發表於2012-09-18
JS瀏覽器客戶端
最近要用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[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;
}

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 onclick="allinfo()">
<INPUT id="Button1" type="button" value="客戶端pc資訊"
name="Button1" language=javascript onclick="pcInfo()">
<div id="elInfo" >
</div>
 </body>
</html>

    此版本主要針對IE瀏覽器。硬體資訊的獲取由於使用了IE的ActiveX，所以Firefox下無法獲取硬體資訊。也希望高手能夠幫忙解決一下。


相關文章