如何在 jQuery 中检测移动设备？

我们可以使用 JavaScript window.matchMedia()方法根据 CSS 媒体查询检测移动设备。这是检测移动设备的最佳和最简单的方法。

句法：

window.matchMedia();

示例 1：程序在桌面上运行。

  

    
      jQuery Detect Mobile Device
  

  

    
        if (window.matchMedia("(max-width: 767px)").matches) 
        {
            
            // The viewport is less than 768 pixels wide
            document.write("This is a mobile device.");
        } else {
            
            // The viewport is at least 768 pixels wide
            document.write("This is a tablet or desktop.");
        }
    

  

输出：

示例 2：程序在移动设备上运行。

  

    
      jQuery Detect Mobile Device
  

  

    
        if (window.matchMedia("(max-width: 767px)").matches)
        {
            
            // The viewport is less than 768 pixels wide
            document.write("This is a mobile device.");
        } else {
            
            // The viewport is at least 768 pixels wide
            document.write("This is a tablet or desktop.");
        }
    

  

输出：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 歌剧
• 边缘
• 苹果浏览器