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

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

var device = {
  detect: function(key) {
    if(this['_'+key] === undefined) {
      this['_'+key] = navigator.userAgent.match(new RegExp(key, 'i'));
    }
    return this['_'+key];
  },
  iDevice: function() {
    return this.detect('iPhone') || this.detect('iPod');
  },
  android: function() {
    return this.detect('Android');
  },
  webOS: function() {
    return this.detect('webOS');
  },
  mobile: function() {
    return this.iDevice() || this.android() || this.webOS();
  }
};

我过去用过类似的东西。这与之前的响应类似，但它在技术上更具性能，因为它缓存匹配结果，尤其是在动画、滚动事件等中使用检测时。

这似乎是一个全面的现代解决方案：

https://github.com/matthewhudson/device.js

它可以检测多个平台，智能手机与平板电脑，以及方向。它还将类添加到BODY标记中，因此检测只发生一次，您可以通过一系列简单的jQuery hasClass函数来读取所使用的设备。

过来看。。。

[免责声明：我与写这封信的人无关。]

我知道这个问题有很多答案，但从我所看到的情况来看，没有人能以我的方式解决这个问题。

CSS使用宽度（媒体查询）来确定应用于基于宽度的web文档的样式。为什么不在JavaScript中使用宽度？

例如，在Bootstrap（Mobile First）媒体查询中，存在4个快照/断点：

超小型设备为768像素及以下。小型设备的像素范围从768到991。中等设备的范围从992到1199像素。大型设备为1200像素及以上。

我们也可以使用它来解决JavaScript问题。

首先，我们将创建一个函数，该函数获取窗口大小并返回一个值，该值允许我们查看设备正在查看我们的应用程序的大小：

var getBrowserWidth = function(){
    if(window.innerWidth < 768){
        // Extra Small Device
        return "xs";
    } else if(window.innerWidth < 991){
        // Small Device
        return "sm"
    } else if(window.innerWidth < 1199){
        // Medium Device
        return "md"
    } else {
        // Large Device
        return "lg"
    }
};

现在我们已经设置了函数，我们可以调用它并存储值：

var device = getBrowserWidth();

你的问题是

如果浏览器在手持设备上，我希望运行不同的脚本。

现在我们有了设备信息，剩下的就是if语句：

if(device === "xs"){
  // Enter your script for handheld devices here 
}

下面是CodePen的示例：http://codepen.io/jacob-king/pen/jWEeWG

我使用这个解决方案，它在所有设备上都很好：

if (typeof window.orientation !== "undefined" || navigator.userAgent.indexOf('IEMobile') !== -1) {
   //is_mobile
}

如果你说的“移动”是指“小屏幕”，我用这个：

var windowWidth = window.screen.width < window.outerWidth ?
                  window.screen.width : window.outerWidth;
var mobile = windowWidth < 500;

在iPhone上，你会得到一个320的window.screen.width。在Android上，你将得到一个窗口.outerWidth为480（尽管这取决于Android）。iPad和Android平板电脑将返回768这样的数字，这样它们就能像你想要的那样获得完整的视图。