我想知道是否有可能检测浏览器是否在iOS上运行,这与使用Modernizr进行功能检测的方式类似(尽管这显然是设备检测而非功能检测)。
通常,我宁愿使用功能检测,但我需要根据该问题确定设备是否为iOS,因为它们处理视频的方式YouTube API无法在iPad / iPhone/非Flash设备上使用
我不喜欢User Agent嗅探,但是这是你的处理方式:
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
另一种方法是依靠navigator.platform:
navigator.platform
var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
iOS将是true或false
iOS
true
false
为什么不使用MSStream
微软在IE11中注入了iPhone一词,userAgent以试图以某种方式欺骗Gmail。因此,我们需要排除它。关于这方面更多的信息在这里和这里。
userAgent
以下是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) { while (iDevices.length) { if (navigator.platform === iDevices.pop()){ return true; } } } return false; }
iOS()将是true或false
iOS()
注意:无论navigator.userAgent并且navigator.platform可以由用户或浏览器扩展伪造。
navigator.userAgent
检测iOS版本
检测iOS版本的最常见方法是通过User Agent字符串进行解析。但是也有特征检测推论* ;
我们知道,一个事实,history API在引进的iOS4 - matchMedia API在iOS5中 - webAudio API在iOS6的 - WebSpeech API在iOS7等..
history API
matchMedia API
webAudio API
WebSpeech
注意:以下代码不可靠,如果在更新的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'; }