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

使用 CSS 媒体查询，我们可以很容易地知道用户当前在哪个设备上查看我们的网站（使用 min-width 和 max-width）。它只限于样式化网页，但我们可以使用 JavaScript 中的导航器 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

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

HTML

    
        /* 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) {
            document.write("You are using a Mobile Device");
        } else {
            document.write("You are using Desktop");
        }
    

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

You are using Desktop