设备性质 JavaScript

在开发Web应用和移动端应用时，我们常常需要获取用户的设备信息，如设备类型、屏幕分辨率、操作系统等等，以便针对不同的设备类型做出适配和优化。在JavaScript中，我们可以使用navigator对象获取这些设备性质信息。

获取设备类型

const deviceType = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? 'mobile' : 'desktop';
console.log(`当前设备类型为：${deviceType}`);

以上代码中，我们使用正则表达式匹配navigator.userAgent属性，判断当前设备是否为移动设备。如果是，则返回mobile，否则返回desktop。

获取屏幕分辨率

console.log(`屏幕分辨率为：${window.screen.width} x ${window.screen.height}`);

window.screen对象提供了有关用户屏幕的信息，包括屏幕的宽度、高度和颜色深度等。以上代码中，我们获取屏幕的宽度和高度，并以x分隔符拼接起来输出。

获取操作系统

const platform = navigator.platform.toLowerCase();
let os = 'unknown';
if (platform.includes('win')) {
    os = 'Windows';
} else if (platform.includes('mac')) {
    os = 'MacOS';
} else if (platform.includes('x11')) {
    os = 'Unix';
} else if (platform.includes('linux')) {
    os = 'Linux';
}
console.log(`当前操作系统为：${os}`);

navigator.platform属性返回当前运行浏览器的操作系统的平台标识符。我们可以基于这个标识符，判断当前操作系统的类型。以上代码中，我们先将navigator.platform转换为小写，然后根据包含的关键字判断操作系统类型。如果是Windows，返回Windows；如果是MacOS，返回MacOS；如果是Unix，返回Unix；如果是Linux，则返回Linux。

除了以上常用的设备性质，navigator对象还提供了许多其他有用的属性和方法，如navigator.language获取用户的默认语言、navigator.geolocation获取用户的地理位置信息等等。在开发中，我们可以根据需求选择合适的属性和方法，获取并利用用户设备的相关信息，让Web应用和移动端应用更加智能和舒适。