原理是利用ActiveX对象访问Windowsmanagement Instrumentation (WMI) ，所以代码目前也只能在以IE为内核的浏览器中正常运行，如果要运行在其他内核的浏览器中，那么可通过PPAPI、NPAPI等相关技术实现。

一、ActiveX + WMI方式

以下是获取cpu的部分属性,Win32_Processor就是cpu的标识

var locator = new ActiveXObject ("WbemScripting.SWbemLocator");
var service = locator.ConnectServer(".");
var properties = service.ExecQuery("SELECT * FROM Win32_Processor");
var e = new Enumerator (properties);
document.write("<table border=1>");
for (;!e.atEnd();e.moveNext ())
{
    var p = e.item ();
    document.write("<tr>");
    document.write("<td>" + p.Caption + "</td>");
    document.write("<td>" + p.DeviceID + "</td>");
    document.write("<td>" + p.Name + "</td>");
    document.write("<td>" + p.CpuStatus + "</td>");
    document.write("<td>" + p.Availability + "</td>");
    document.write("<td>" + p.Level + "</td>");
    document.write("<td>" + p.ProcessorID + "</td>");
    document.write("<td>" + p.SystemName + "</td>");
    document.write("<td>" + p.ProcessorType + "</td>");
    document.write("</tr>");
}
document.write("</table>");

硬件标识及属性

部分标识列举如下：

Win32_Processor                        // CPU 处理器

Win32_PhysicalMemory                   // 物理内存

Win32_Keyboard                         // 键盘

Win32_PointingDevice                   // 点输入设备，如鼠标

Win32_DiskDrive                        // 硬盘驱动器

Win32_CDROMDrive                       // 光盘驱动器

Win32_BaseBoard                        // 主板

Win32_BIOS                             // BIOS 芯片

Win32_ParallelPort                     // 并口

Win32_SerialPort                       // 串口

Win32_SoundDevice                      // 多媒体设置

Win32_USBController                    // USB 控制器

Win32_NetworkAdapter                   // 网络适配器

Win32_NetworkAdapterConfiguration      // 网络适配器设置

Win32_Printer                          // 打印机

Win32_PrinterConfiguration             // 打印机设置

Win32_PrintJob                         // 打印机任务

Win32_TCPIPPrinterPort                 // 打印机端口

Win32_POTSModem                        // MODEM

Win32_POTSModemToSerialPort            // MODEM 端口

Win32_DesktopMonitor                   // 显示器

Win32_VideoController                  // 显卡细节。

Win32_VideoSettings                    // 显卡支持的显示模式。

Win32_TimeZone                         // 时区

Win32_SystemDriver                     // 驱动程序

Win32_DiskPartition                    // 磁盘分区

Win32_LogicalDisk                      // 逻辑磁盘

Win32_LogicalMemoryConfiguration       // 逻辑内存配置

Win32_PageFile                         // 系统页文件信息

Win32_PageFileSetting                  // 页文件设置

Win32_BootConfiguration                // 系统启动配置

Win32_OperatingSystem                  // 操作系统信息

Win32_StartupCommand                   // 系统自动启动程序

Win32_Service                          // 系统安装的服务

Win32_Group                            // 系统管理组

Win32_GroupUser                        // 系统组帐号

Win32_UserAccount                      // 用户帐号

Win32_Process                          // 系统进程

Win32_Thread                           // 系统线程

Win32_Share                            // 共享

Win32_NetworkClient                    // 已安装的网络客户端

Win32_NetworkProtocol                  // 已安装的网络协议

完整的硬件标识和硬件具有的属性值可参见MSDN

中文版：Win32_DiskDrive 类 - Win32 apps | Microsoft Docs

英文版：Win32_Processor class - Win32 apps | Microsoft Docs

繁体版：Win32_DiskDrive 類別 - Win32 apps | Microsoft Docs

WMI资料：Windows Management Instrumentation - Win32 apps | Microsoft DocsWindows Management Instrumentation - Win32 apps | Microsoft Docs

二、NPAPI

三、PPAPI