计算机的硬件信息 js获取

在JavaScript中获取计算机的硬件信息是一个复杂的任务，因为浏览器的安全策略限制了对本地硬件资源的直接访问。然而，可以通过一些间接的方法获取部分硬件信息。以下是一些常见的方法和相关的概念：

基础概念

User Agent: 浏览器发送给服务器的一个字符串，包含了浏览器类型、版本号、操作系统等信息。
Screen Information: 可以获取屏幕的分辨率、颜色深度等信息。
Navigator API: 提供了一些基本的浏览器和系统信息。

类型与应用场景

屏幕信息: 用于适配不同分辨率的显示设备。
浏览器信息: 用于统计分析用户使用的浏览器类型和版本。
操作系统信息: 用于提供特定于操作系统的功能或界面调整。

示例代码

以下是一些常用的JavaScript代码示例，用于获取计算机的部分硬件信息：

获取屏幕信息

const screenWidth = window.screen.width;
const screenHeight = window.screen.height;
const colorDepth = window.screen.colorDepth;

console.log(`Screen Width: ${screenWidth}`);
console.log(`Screen Height: ${screenHeight}`);
console.log(`Color Depth: ${colorDepth}`);

获取浏览器和操作系统信息

const userAgent = navigator.userAgent;
const platform = navigator.platform;

console.log(`User Agent: ${userAgent}`);
console.log(`Platform: ${platform}`);

// 解析操作系统信息
let os = "Unknown";
if (platform.match(/win/i)) {
  os = "Windows";
} else if (platform.match(/mac/i)) {
  os = "MacOS";
} else if (platform.match(/linux/i)) {
  os = "Linux";
} else if (platform.match(/android/i)) {
  os = "Android";
} else if (platform.match(/iphone|ipad|ipod/i)) {
  os = "iOS";
}

console.log(`Operating System: ${os}`);