检测设备是否为iOS

我想知道是否有可能检测浏览器是否运行在iOS上，类似于你如何使用Modernizr进行功能检测(尽管这显然是设备检测而不是功能检测)。

通常情况下，我会倾向于功能检测，但我需要找出设备是否是iOS，因为他们处理视频的方式根据这个问题，YouTube API不适用于iPad / iPhone /非flash设备

当前回答

因为导航器。平台已弃用，最好不再使用，我想添加一个其他解决方案。

你可以通过检查navigator.vendor来过滤MacOS系统。当结果是苹果电脑公司，你知道它是MacOS。

2021-11-16 18:04:02

其他回答

iOS检测

在iOS 13 iPad中，用户代理和平台字符串都被改变了，iPad和MacOS之间的区别似乎是可能的，所以下面的所有回答都需要考虑到这一点。

这可能是覆盖iOS 13的最短替代方案:

function iOS() {
  return [
    'iPad Simulator',
    'iPhone Simulator',
    'iPod Simulator',
    'iPad',
    'iPhone',
    'iPod'
  ].includes(navigator.platform)
  // iPad on iOS 13 detection
  || (navigator.userAgent.includes("Mac") && "ontouchend" in document)
}

iOS要么为真，要么为假

更糟糕的选择:用户代理嗅探

用户代理嗅探更加危险，经常出现问题。

在iPad iOS 13上，用户代理与MacOS 13计算机上的用户代理相同，但如果你忽略iPad，这可能仍然可以工作一段时间:

var iOS = !window.MSStream && /iPad|iPhone|iPod/.test(navigator.userAgent); // fails on iPad iOS 13

!窗口。MSStream是为了不错误地检测IE11，请看这里和这里。

注意:都是导航器。userAgent和navigator。平台可以被用户或浏览器扩展伪造。

改变userAgent或平台的浏览器扩展存在，因为网站使用了过于繁重的检测，并且经常禁用一些功能，即使用户的浏览器本来可以使用这些功能。

为了减少与用户的冲突，建议针对每种情况专门检测您的网站需要的确切功能。然后，当用户得到一个具有所需功能的浏览器时，它就已经可以工作了，而无需额外的代码更改。

检测iOS版本

检测iOS版本的最常见方法是从User Agent字符串中解析它。但也有特征检测推断*;

我们知道，历史API是在iOS4中引入的，matchMedia API是在iOS5中引入的，webAudio API是在iOS6中引入的，WebSpeech API是在iOS7中引入的，等等。

注意:以下代码是不可靠的，如果这些HTML5功能中的任何一个在更新的iOS版本中被弃用，就会中断。我警告过你!

function iOSversion() {

  if (iOS) { // <-- Use the one here above
    if (window.indexedDB) { return 'iOS 8 and up'; }
    if (window.SpeechSynthesisUtterance) { return 'iOS 7'; }
    if (window.webkitAudioContext) { return 'iOS 6'; }
    if (window.matchMedia) { return 'iOS 5'; }
    if (window.history && 'pushState' in window.history) { return 'iOS 4'; }
    return 'iOS 3 or earlier';
  }

  return 'Not an iOS device';
}

2012-01-27 20:51:26

更新:我最初的答案不包括在桌面模式下的iPad(在即将推出的iPadOS 13及更高版本中，默认更改为桌面模式)。这对我的用例很好，如果不适合你，使用这个更新:

// iPhone and iPad including iPadOS 13+ regardless of desktop mode settings

iOSiPadOS = /^iP/.test(navigator.platform) ||
           /^Mac/.test(navigator.platform) && navigator.maxTouchPoints > 4;

这应该是安全的，只要台式mac电脑根本不支持触摸事件或不超过4个触摸点(当前iOS设备支持5个触摸点) 这是因为regexp ^首先检查平台字符串的起始位置，如果没有“iP”就停止(无论如何都比搜索长UA字符串直到结束快)。它比导航仪安全。userAgent检查为导航器。平台不太可能是伪造的检测iPhone / iPad模拟器

ORIGINAL ANSWER:
Wow, a lot of longish tricky code here. Keep it simple, please!

以我之见，这一个速度快，省钱，而且运行良好:

 iOS = /^iP/.test(navigator.platform);

  // or, if you prefer it verbose:
 iOS = /^(iPhone|iPad|iPod)/.test(navigator.platform);

2018-09-21 17:55:43

没有必要测试导航器。userAgent或navigator.platform:

const isIOS = typeof navigator.standalone === 'boolean';

导航器。standalone只在iOS Safari上设置。参见MDN, Safari HTML参考。

2021-06-18 09:45:02

在添加Modernizr测试时，只要有可能，您应该添加针对某个特性的测试，而不是针对某个设备或操作系统。如果需要的话，为iPhone添加10个测试并没有什么错。有些东西就是不能被特征检测到。

    Modernizr.addTest('inpagevideo', function ()
    {
        return navigator.userAgent.match(/(iPhone|iPod)/g) ? false : true;
    });

例如，在iPhone(不是iPad)上，视频不能在网页上内联播放，它会全屏打开。所以我创建了一个测试" no-inpage-video "

然后你可以在css中使用它(Modernizr添加类.no-inpagevideo到<html>标签如果测试失败)

.no-inpagevideo video.product-video 
{
     display: none;
}

这将隐藏iPhone上的视频(我在这种情况下实际做的是显示一个可供选择的图像，点击播放视频-我只是不想显示默认的视频播放器和播放按钮)。

2014-05-10 19:23:18

检测iOS(均<12和13+)

社区维基，因为编辑队列说它是满的，所有其他答案目前是过时或不完整的。

const iOS_1to12 = /iPad|iPhone|iPod/.test(navigator.platform);

const iOS13_iPad = (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1));

const iOS1to12quirk = function() {
  var audio = new Audio(); // temporary Audio object
  audio.volume = 0.5; // has no effect on iOS <= 12
  return audio.volume === 1;
};

const isIOS = !window.MSStream && (iOS_1to12 || iOS13_iPad || iOS1to12quirk());

2020-10-05 11:11:30

检测设备是否为iOS

推荐文章

最新文章

标签