在网页上检测iOS版本

Question

当在MobileSafari上访问该页面时,有没有办法(使用Javascript,PHP等)来检测iOS页面的版本？

Answer 1

这里有一些JS来确定iOS和Android OS版本.

使用iOS 4.3到6.0.1和Android 2.3.4到4.2的实际用户代理字符串进行测试

var userOS;    // will either be iOS, Android or unknown
var userOSver; // this is a string, use Number(userOSver) to convert

function getOS( )
{
  var ua = navigator.userAgent;
  var uaindex;

  // determine OS
  if ( ua.match(/iPad/i) || ua.match(/iPhone/i) )
  {
    userOS = 'iOS';
    uaindex = ua.indexOf( 'OS ' );
  }
  else if ( ua.match(/Android/i) )
  {
    userOS = 'Android';
    uaindex = ua.indexOf( 'Android ' );
  }
  else
  {
    userOS = 'unknown';
  }

  // determine version
  if ( userOS === 'iOS'  &&  uaindex > -1 )
  {
    userOSver = ua.substr( uaindex + 3, 3 ).replace( '_', '.' );
  }
  else if ( userOS === 'Android'  &&  uaindex > -1 )
  {
    userOSver = ua.substr( uaindex + 8, 3 );
  }
  else
  {
    userOSver = 'unknown';
  }
}

然后要检测特定版本和更高版本,请尝试:

if ( userOS === 'iOS' && Number( userOSver.charAt(0) ) >= 5 ) { ... }

Answer 2

您确实需要检查浏览器的版本，它可以告诉您支持哪些内容或不支持哪些内容。这里有一篇文章提供了一些关于如何检测它并确定它支持什么的不错的信息。

http://www.mobilexweb.com/blog/iphone4-ios4-detection-safari-viewport