使用 JavaScript 获取当前设备类型

在设置某些脚本时，我们需要知道当前的设备类型。例如，分析脚本或需要根据设备加载的脚本。本文将介绍如何使用 JavaScript 中的 userAgent 获取当前设备类型。

用户代理

userAgent是导航器对象的一个​​属性，它指示浏览器在 HTTP 标头中提供的用户代理。

利用此属性的值，我们可以用正则表达式测试它是否包含某些元素，然后获取设备类型：平板电脑、移动设备或桌面设备。我们可以将此测试与当前窗口的宽度结合起来。

这是一个获取设备类型的函数

const getDeviceType = () => {
  const ua = navigator.userAgent;
  if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {
    return "tablet";
  }
  if (
    /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(
      ua
    )
  ) {
    return "mobile";
  }
  return "desktop";
};

用户代理并不总是能提供真实的设备信息，因为它很容易被替换，例如，当我们使用机器人时，真实的设备信息可能与所提供的完全不同。浏览器信息也是如此。在这种情况下，最好检查某些方法是否可用。

让我们尝试一下这个功能

桌面

药片

移动的

有用的链接

• 航海家
• 用户代理
• 用户代理列表
• 正则表达式
• 测试（）
• regex101

在您离开之前...
感谢您的阅读！😊