如何在 jQuery 中检测移动设备

主题：JavaScript / jQuery上一页|下一页

答案：使用JS matchMedia()方法

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

以下示例将向您展示此方法的实际工作原理：

<script>
$(document).ready(function(){
    if(window.matchMedia("(max-width: 767px)").matches){
        // 视口宽度小于 768 像素
        alert("This is a mobile device.");
    } else{
        // 视口至少为 768 像素宽
        alert("This is a tablet or desktop.");
    }
});
</script>

所有主流的现代浏览器都支持 matchMedia() 方法，例如 Chrome、Firefox、Internet Explorer（版本 10 及更高版本）等。

FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答：

• 如何使用 JavaScript 检测屏幕分辨率
• 如何在 JavaScript 中捕获浏览器窗口调整大小事件
• 如何在 JavaScript 中为给定元素添加类