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

使用CSS媒体查询，我们可以很容易地知道当前哪个设备的用户正在查看我们的网站（使用最小宽度和最大宽度）。这仅限于对网页进行样式设置，但是我们可以使用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

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

/* Storing user's device details in a variable*/
let details = navigator.userAgent; 
  
/* Creating a regular expression  
containing some mobile devices keywords  
to search it in details string*/
let regexp = /android|iphone|kindle|ipad/i; 
  
/* Using test() method to search regexp in details 
it returns boolean value*/
let isMobileDevice = regexp.test(details); 
  
if (isMobileDevice) { 
    console.log("You are using a Mobile Device"); 
} else { 
    console.log("You are using Desktop"); 
}

输出： 下面是针对桌面浏览器的输出：

You are using Desktop