Window.matchMedia（）

Window接口的matchMedia（）方法返回一个新的MediaQueryList对象，然后可用于确定文档匹配媒体查询字符串，并监视文档，以检测何时匹配（或停止匹配）该媒体查询用法说明您可以使用返回的媒体查询来执行这两项操作即时和事件驱动的检查，以查看文档是否匹配媒体查询。执行一次性、即时检查以查看文档匹配媒体查询，查看匹配属性的值，如果文档满足媒体查询的要求。如果您需要了解文档是否匹配媒体查询，您可以随时查看更改要传递到对象的事件。有一个很好的例子Window.devicePixelRatio上的文章。

let mql = window.matchMedia('(max-width: 767px)');

我知道这是一个关于这种检测的老问题。

我的解决方案基于滚动条宽度（是否存在）。

//此函数将检查滚动条的宽度//如果滚动条宽度为0px，则为移动设备//函数ismob（）{var dv=文档.getElementById（'divscr'）；var sp=文档.getElementById（'res'）；如果（dv.offsetWidth-dv.clientWidth==10）｛sp.innerHTML=“是移动的”；//返回true；}其他{sp.innerHTML=“它不是移动的”//return false；}//}<!-- 将隐藏的div放在页面-->的开头</div><span id=“res”></span>

我知道这个老问题，有很多答案，但我认为这个功能很简单，将有助于检测所有移动设备、平板电脑和计算机浏览器，它就像一个魅力。

function Device_Type() 
{
    var Return_Device; 
    if(/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone|android|iemobile|w3c|acs\-|alav|alca|amoi|audi|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd\-|dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg\-c|lg\-d|lg\-g|lge\-|maui|maxo|midp|mits|mmef|mobi|mot\-|moto|mwbp|nec\-|newt|noki|palm|pana|pant|phil|play|port|prox|qwap|sage|sams|sany|sch\-|sec\-|send|seri|sgh\-|shar|sie\-|siem|smal|smar|sony|sph\-|symb|t\-mo|teli|tim\-|tosh|tsm\-|upg1|upsi|vk\-v|voda|wap\-|wapa|wapi|wapp|wapr|webc|winw|winw|xda|xda\-) /i.test(navigator.userAgent))
    {
        if(/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i.test(navigator.userAgent)) 
        {
            Return_Device = 'Tablet';
        }
        else
        {
            Return_Device = 'Mobile';
        }
    }
    else if(/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i.test(navigator.userAgent)) 
    {
        Return_Device = 'Tablet';
    }
    else
    {
        Return_Device = 'Desktop';
    }

    return Return_Device;
}

这里还有一个使用纯JavaScript实现的建议（es6）

const detectDeviceType = () =>
    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
        ? 'Mobile'
        : 'Desktop';

detectDeviceType();

如果要测试用户代理，正确的方法是测试用户代理（即测试navigator.userAgent）。

如果用户伪造了这一点，他们就不必担心了。如果您测试.isUnix（），则不必担心系统是否为Unix。

作为一个用户，改变userAgent也可以，但如果你这样做了，你不希望站点能够正确呈现。

如果您希望为Microsoft浏览器提供支持，则应确保内容的前几个字符包含并测试您编写的每一页。

要旨始终按照标准进行编码。然后破解它，直到它在当前版本的IE中工作&不要期望它看起来很好。GitHub就是这么做的，他们刚刚拿到了1亿美元。

很好的回答，谢谢。支持Windows phone和Zune的小改进：

if (navigator.userAgent.match(/Android/i) ||
  navigator.userAgent.match(/webOS/i) ||
  navigator.userAgent.match(/iPhone/i) ||
  navigator.userAgent.match(/iPad/i) ||
  navigator.userAgent.match(/iPod/i) ||
  navigator.userAgent.match(/BlackBerry/) ||
  navigator.userAgent.match(/Windows Phone/i) ||
  navigator.userAgent.match(/ZuneWP7/i)
) {
  // some code
  self.location = "top.htm";
}