在新版本的chrome（101）解决方案中，使用navigator.platform可能无法运行谷歌支持站点，但有一种更简单的方法来检查设备是否为移动设备。

如果（navigator.userAgentData.mobile==“true”）{//移动电话代码console.log（'bile'）；}其他{//PC和笔记本电脑代码console.log（“PC”）；}

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

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

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

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

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

这是我在项目中使用的代码：

function isMobile() {
 try {
    if(/Android|webOS|iPhone|iPad|iPod|pocket|psp|kindle|avantgo|blazer|midori|Tablet|Palm|maemo|plucker|phone|BlackBerry|symbian|IEMobile|mobile|ZuneWP7|Windows Phone|Opera Mini/i.test(navigator.userAgent)) {
     return true;
    };
    return false;
 } catch(e){ console.log("Error in isMobile"); return false; }
}

看看这篇文章，它提供了一个非常好的代码片段，说明当检测到触摸设备时该怎么做，或者如果调用了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();
}

我尝试了一些方法，然后我决定手动填写一个列表并进行简单的JS检查。最后，用户必须确认。因为有些检查给出了假阳性或阴性。

var isMobile = false;
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Opera Mobile|Kindle|Windows Phone|PSP|AvantGo|Atomic Web Browser|Blazer|Chrome Mobile|Dolphin|Dolfin|Doris|GO Browser|Jasmine|MicroB|Mobile Firefox|Mobile Safari|Mobile Silk|Motorola Internet Browser|NetFront|NineSky|Nokia Web Browser|Obigo|Openwave Mobile Browser|Palm Pre web browser|Polaris|PS Vita browser|Puffin|QQbrowser|SEMC Browser|Skyfire|Tear|TeaShark|UC Browser|uZard Web|wOSBrowser|Yandex.Browser mobile/i.test(navigator.userAgent) && confirm('Are you on a mobile device?')) isMobile = true;

现在，如果您想使用jQuery设置CSS，可以执行以下操作：

$(document).ready(function() {
  if (isMobile) $('link[type="text/css"]').attr('href', '/mobile.css');
});

由于移动设备和固定设备之间的边界变得流畅，移动浏览器已经很强大，因此检查宽度和用户确认可能是未来的最佳选择（假设在某些情况下宽度仍然很重要）。因为触摸已经转换为鼠标上下。

关于移动移动性，我建议你考虑一下约夫·巴尼亚的想法：

if(typeof window.orientation !== 'undefined'){...}

http://www.w3schools.com/jsref/prop_nav_useragent.asp

按平台名称筛选。

Ex:

x = $( window ).width();

platform = navigator.platform;

alert(platform);

if ( (platform != Ipad) || (x < 768) )  {


} 

^^