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

free_live_zyx發表於2012-09-18

最近要用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="">

/******************************************下為瀏覽器資訊************************************************/
//獲取瀏覽器相關資訊
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、火狐沒有）

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;
}

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>

</div>
</body>
</html>

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

js獲取ip，瀏覽器資訊
2014-09-12
JS瀏覽器
JS 獲取瀏覽器和螢幕寬高資訊
2016-08-15
JS瀏覽器
javascript 獲取瀏覽器資訊
2011-06-20
JavaScript瀏覽器
PHP獲取客戶端、PHP獲取伺服器相關資訊
2011-03-10
PHP客戶端伺服器
js獲取瀏覽器相關資訊簡單介紹
2017-04-12
JS瀏覽器
js獲取瀏覽器客戶區尺寸程式碼例項
2017-04-06
JS瀏覽器
c#獲取機器硬體資訊
2014-09-01
C#
asp.net 獲取客戶端瀏覽器訪問的IP地址
2017-07-18
ASP.NET客戶端瀏覽器
C# 獲取客戶端資訊 /asp.net/WebService/WebForm
2013-08-18
C#客戶端ASP.NETWebORM
javascript獲取滑鼠在瀏覽器客戶區座標
2017-04-12
JavaScript瀏覽器
js 獲取瀏覽器核心
2020-04-05
JS瀏覽器
使用 javascript 獲取瀏覽器（或 WKWebView）的安全區資訊
2018-06-05
JavaScript瀏覽器WebView
jquery獲取瀏覽器客戶區尺寸程式碼例項
2017-04-07
jQuery瀏覽器
js獲取瀏覽器版本作業系統等資訊程式碼例項
2017-03-24
JS瀏覽器作業系統
Android獲取硬體裝置資訊
2017-11-03
Android
C++獲取硬體相關資訊
2014-10-10
C++
vmi：獲取 windows 系統硬體資訊
2024-05-07
Windows
JS獲取客戶端IP地址與機器名
2014-09-16
JS客戶端
ASP.NET獲得客戶端瀏覽器語言設定
2008-09-27
ASP.NET客戶端瀏覽器
用C#獲取電腦硬體資訊
2015-05-10
C#
Inxi：獲取Linux系統和硬體資訊的神器
2023-03-25
Linux
js獲取瀏覽器型別和版本程式碼
2017-03-21
JS瀏覽器型別
java獲取客戶端ip和mac
2014-05-21
Java客戶端Mac
【VMware ESXi】使用 smbiosDump 命令獲取伺服器硬體資訊。
2024-05-27
iOS伺服器
客戶端(瀏覽器端)資料儲存技術概覽
2017-03-09
客戶端瀏覽器
利用瀏覽器favicon的快取機制(F-Cache)生成客戶端瀏覽器唯一指紋
2021-03-27
瀏覽器快取客戶端
golang gopsutil 程式系統硬體資訊獲取
2020-11-21
Golang
SpringBoot 獲取訪問介面的請求的IP地址和瀏覽器資訊
2020-12-04
Spring Boot瀏覽器
如何在 Ubuntu 中更改預設瀏覽器和 Email 客戶端
2015-06-07
Ubuntu瀏覽器AI客戶端
js獲取瀏覽器視窗的大小
2013-07-08
JS瀏覽器
js獲取瀏覽器視窗屬性
2016-03-20
JS瀏覽器
獲取客戶端Mac地址
2021-11-27
客戶端Mac
pomelo獲取客戶端IP
2015-04-21
客戶端
伺服器獲取真實客戶端 IP
2018-12-08
伺服器客戶端
關於客戶端資訊流思考
2018-06-02
客戶端
超完整的 Chrome 瀏覽器客戶端除錯大全
2016-12-07
Chrome瀏覽器客戶端除錯
shell指令碼整合json數值輸出從而獲取硬體資訊
2019-07-16
指令碼JSON
c# 獲取客戶端IP
2018-09-27
C#客戶端

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

相關文章