如何使用JS获取系统内存、CPU/GPU、电量等信息
💡
原文中文，约2100字，阅读约需5分钟。
📝
内容提要
本文介绍了如何通过JavaScript获取设备系统信息，包括内存大小、CPU核数、GPU支持和电量状态。使用navigator对象可以轻松获取这些信息，但目前仅限于Chrome等少数浏览器。文章还提到了一些其他硬件识别功能。
🎯
关键要点
-
浏览器可以获取设备的系统信息，包括内存大小、CPU/GPU和电量状态。
-
使用navigator.deviceMemory可以获取内存大小，目前仅Chrome浏览器支持。
-
通过navigator.hardwareConcurrency可以获取CPU的核数，所有标准浏览器均支持。
-
使用navigator.gpu可以获取GPU对象，支持WebGPU API，最新的Safari和Firefox也已支持。
-
电量状态可以通过getBattery()方法获取，当前仅Chrome浏览器支持。
-
navigator对象还提供其他硬件识别功能，如蓝牙、虚拟键盘、USB等。
❓
延伸问答
如何使用JavaScript获取设备的内存大小？
可以使用navigator.deviceMemory来获取设备的内存大小，目前仅Chrome浏览器支持。
如何获取设备的CPU核数？
使用navigator.hardwareConcurrency可以获取设备的CPU核数，所有标准浏览器均支持。
如何获取设备的电量状态？
可以使用navigator.getBattery()方法获取电量状态，目前仅Chrome浏览器支持。
如何获取设备的GPU信息？
使用navigator.gpu可以获取GPU对象，该对象与WebGPU API相关，最新的Safari和Firefox也已支持。
navigator对象还提供哪些其他硬件识别功能？
navigator对象还提供蓝牙、虚拟键盘、USB、外置摄像头等硬件识别功能。
为什么电量状态的API在浏览器中支持有限？
电量状态的getBattery()方法目前仅Chrome浏览器支持，其他浏览器尚未提供支持。
➡️
