如何在JavaScript中检测网站是在移动设备还是桌面设备中打开的

使用CSS媒体查询，我们可以轻松地知道当前用户在哪种设备上查看我们的网站（使用min-width和max-width）。它仅限于样式化网页，但我们可以根据用户的设备控制网站的功能，使用JavaScript中的navigator.userAgent属性。

我们可以获取有关用户设备的信息。它返回一个包含用户浏览器名称，版本，操作系统等的字符串。

语法：

navigator.userAgent

返回类型： 它返回以下字符串 __ 适用于桌面Windows的：

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) 
Chrome/90.0.4430.85 Safari/537.36

示例： 使用此属性，我们可以轻松预测它是在桌面或移动设备上打开，如下面的代码所示。

/* 将用户设备详细信息存储在变量中 */
let details = navigator.userAgent;
  
/* 创建一个包含一些移动设备关键词的正则表达式，以便在详细字符串中搜索它 */
let regexp = /android|iphone|kindle|ipad/i;
  
/* 使用test()方法在细节中搜索regexp，它返回布尔值 */
let isMobileDevice = regexp.test(details);
  
if (isMobileDevice) {
    console.log("您正在使用移动设备");
} else {
    console.log("您正在使用桌面设备");
}

输出： 以下是桌面浏览器的输出：