如何在 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 相关问题解答
以下是与此主题相关的更多常见问题解答:
