在 Chrome 浏览器里获取用户真实硬件信息的方法

文章预览

本文作者系360奇舞团前端开发工程师 在前端开发中，有时我们需要获取用户设备的硬件信息，比如 CPU 等，这有助于我们更好地优化应用性能，提供更适配的用户体验。下面介绍在 Chrome 浏览器中获取用户真实 CPU 和其他硬件信息的多种方式。 一、通过 navigator.hardwareConcurrency 属性获取逻辑 CPU 核心数 navigator.hardwareConcurrency 是一个很简单直接的属性，它返回当前设备的逻辑 CPU 核心数。 代码示例 const cpuCores = navigator.hardwareConcurrency;console.log('逻辑CPU核心数: ', cpuCores); 原理 这个属性是浏览器提供的 API，它直接返回操作系统报告给浏览器的逻辑 CPU 核心数量。逻辑 CPU 核心数包括了物理核心以及超线程技术模拟出来的逻辑核心。 二、利用 WebGL 2.0 获取 GPU 相关信息（间接反映 CPU 性能相关信息） WebGL 2.0 是一种用于在网页上绘制交互式 3D 图形的 API，它可以 ………………………………