JavaScript 获取客户端计算机硬件及系统信息

因为我们现在的前端框架做性能优化，为了找到各个组件及框架的具体解析耗时，需要在框架中嵌入一个耗时测试工具，性能测试跟不同的计算机硬件配置有很大关系，因此有必要统计处测试机的硬件配置，本来开始是让测试人员自己输入，但考虑到这样比较繁琐，因此要想办法在程序中实现，因为此次的实现是用的JS。因此就有了我这篇文章。

在网上看到了一些文章和代码，觉得都不怎么好，其实JS访问硬件，只可能通过ActiveXObject，而且要用户计算机安全设置允许（这个没问题，毕竟测试人员就是我们自己）。网上很多人推荐使用WScript.Shell组件，我看了看，WSH对于硬件信息的读取很有限。于是另外寻找其他办法，后来看到可以通过WMI来实现，费了好大功夫，终于找到了自己需要获取的硬件信息。

对于WMI访问本地硬件及系统设置，本人推荐一个工具JSEDIT/VBSEDIT，提供了对WMI各个组件的访问示例，我们可以从中找到我们需要的东西。

先贴出来我的代码中关于硬件信息获取的一个函数：

//系统信息获取 
function getSysInfo(){ 
    var locator = new ActiveXObject ("WbemScripting.SWbemLocator");  
    var service = locator.ConnectServer(".");  
    //CPU信息 
    var cpu = new Enumerator (service.ExecQuery("SELECT * FROM Win32_Processor")).item();  
    var cpuType=cpu.Name,hostName=cpu.SystemName; 
    //内存信息 
    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 system=new Enumerator (service.ExecQuery("SELECT * FROM Win32_ComputerSystem")).item(); 
    var physicMenCap=Math.ceil(system.TotalPhysicalMemory/1024/1024),curUser=system.UserName,cpuCount=system.NumberOfProcessors 
     
    return {cpuType:cpuType,cpuCount:cpuCount,hostName:hostName,curUser:curUser,memCap:physicMenCap,mem:mem} 
} 

代码实现主要包括这几部分：

1. 先通过new ActiveXObject ("WbemScripting.SWbemLocator"); 访问到WbemScripting对象。

2. 通过locator.ConnectServer(".");连接我们本地电脑（.代表本地电脑，当然也可以访问其他计算机）。

3. 通过service.ExecQuery("SELECT * FROM Win32_Processor")这个类似sql的语句（其实系统信息也是存储在计算中一个类似数据库的文件中）获取我们需要的对象的记录集。

4. 通过new Enumerator来创建一个可枚举的对象，下面就可以遍历取信息了。

注意：运行的前提是要修改浏览器安全设置，“允许对未标记为可安全执行的ActiveX脚本的运行”，具体看下图，设置为允许或提示。

我这里主要取了CPU、内存及系统用户几个信息，大家利用WMI的API或者借助JSEDIT获取到更多的信息。

下面是一个运行的截图：

有兴趣的可以研究研究。