移动设备的具体功能是什么，这意味着你想要不同的行为？

是输入机制（触摸和虚拟键盘与鼠标和物理键盘）、更小的屏幕尺寸还是其他原因？

例如，在CSS4中，您可以为支持触摸的设备使用@media（任何指针：粗糙），而为主要输入为触摸的设备（即，无论是否插入外部键盘，手机和平板电脑）使用@media（指针：粗略）。现代浏览器大多完全支持CSS4。

在JavaScript中，您可以使用Window.matchMedia（）测试任何CSS媒体查询（包括上面的查询），如本SO答案中所建议的。（我本来希望现在能有更本土的东西，但找不到任何东西。）

我用这个

if(navigator.userAgent.search("mobile")>0 ){
         do something here
}

看看这篇文章，它提供了一个非常好的代码片段，说明当检测到触摸设备时该怎么做，或者如果调用了touchstart事件，该怎么做：

$(function(){
  if(window.Touch) {
    touch_detect.auto_detected();
  } else {
    document.ontouchstart = touch_detect.surface;
  }
}); // End loaded jQuery
var touch_detect = {
  auto_detected: function(event){
    /* add everything you want to do onLoad here (eg. activating hover controls) */
    alert('this was auto detected');
    activateTouchArea();
  },
  surface: function(event){
    /* add everything you want to do ontouchstart here (eg. drag & drop) - you can fire this in both places */
    alert('this was detected by touching');
    activateTouchArea();
  }
}; // touch_detect
function activateTouchArea(){
  /* make sure our screen doesn't scroll when we move the "touchable area" */
  var element = document.getElementById('element_id');
  element.addEventListener("touchstart", touchStart, false);
}
function touchStart(event) {
  /* modularize preventing the default behavior so we can use it again */
  event.preventDefault();
}

使用此

if( screen.width <= 480 ) { 
    // is mobile 
}

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

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

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

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

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

根据Mozilla浏览器使用用户代理的检测：

总之，我们建议在User Agent中的任何位置查找字符串“Mobi”以检测移动设备。

这样地：

if (/Mobi/.test(navigator.userAgent)) {
    // mobile!
}

这将匹配所有常见的移动浏览器用户代理，包括移动Mozilla、Safari、IE、Opera、Chrome等。

Android更新

EricL还建议将Android作为用户代理进行测试，因为平板电脑的Chrome用户代理字符串不包含“Mobi”（但手机版本包含）：

if (/Mobi|Android/i.test(navigator.userAgent)) {
    // mobile!
}