检测设备是否为iOS

Question

我想知道是否有可能检测浏览器是否在iOS上运行，这与使用Modernizr进行功能检测的方式类似（尽管这显然是设备检测而非功能检测）。

通常，我宁愿使用功能检测，但我需要根据该问题确定设备是否为iOS，因为它们处理视频的方式YouTube API无法在iPad / iPhone/非Flash设备上使用

Answer 1

我不喜欢User Agent嗅探，但是这是你的处理方式：

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

另一种方法是依靠navigator.platform：

var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);

iOS将是true或false

为什么不使用MSStream

微软在IE11中注入了iPhone一词，userAgent以试图以某种方式欺骗Gmail。因此，我们需要排除它。关于这方面更多的信息在这里和这里。

以下是IE11的更新userAgent（适用于Windows Phone 8.1的Internet Explorer更新）：

Mozilla / 5.0（移动； Windows Phone 8.1； Android 4.0； ARM； Trident / 7.0；触摸； rv：11.0； IEMobile / 11.0； NOKIA； Lumia 930），例如iPhone OS 7_0_3 Mac OS X AppleWebKit / 537（KHTML，例如Gecko）移动Safari / 537

无需使用正则表达式即可轻松添加更多设备：

function iOS() {

  var iDevices = [
    'iPad Simulator',
    'iPhone Simulator',
    'iPod Simulator',
    'iPad',
    'iPhone',
    'iPod'
  ];

  if (!!navigator.platform) {
    html" target="_blank">while (iDevices.length) {
      if (navigator.platform === iDevices.pop()){ return true; }
    }
  }

  return false;
}

iOS()将是true或false

注意：无论navigator.userAgent并且navigator.platform可以由用户或浏览器扩展伪造。

检测iOS版本

检测iOS版本的最常见方法是通过User Agent字符串进行解析。但是也有特征检测推论* ;

我们知道，一个事实，history API在引进的iOS4 - matchMedia API在iOS5中 - webAudio API在iOS6的 - WebSpeech API在iOS7等..

注意：以下代码不可靠，如果在更新的iOS版本中不推荐使用这些HTML5功能，则这些代码将中断。你被警告了！

function iOSversion() {

  if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
    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';
}