iOS 감지

나는 사용자 에이전트 스니핑 팬이 아니지만 다음과 같이하십시오.

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이 아닌가

Microsoft 는 IE11에 iPhone 이라는 단어를 삽입하여 userAgent어떻게 든 Gmail을 시도했습니다. 따라서 제외해야합니다. 여기 및 여기 에 대한 자세한 정보 .

아래는 IE11의 업데이트입니다 userAgent(Windows Phone 8.1 용 Internet Explorer 업데이트).

iPhone OS와 같은 Mozilla / 5.0 (Mobile; Windows Phone 8.1; Android 4.0; ARM; Trident / 7.0; Touch; rv : 11.0; IEMobile / 11.0; NOKIA; Lumia 930) 7_0_3 Mac OS X AppleWebKit / 537 (Gecko와 같은 KHTML) 모바일 사파리 / 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

주 : 둘 navigator.userAgent과 navigator.platform사용자 또는 브라우저 확장에 의해 위조 할 수 있습니다.

iOS 버전 감지

iOS 버전을 감지하는 가장 일반적인 방법은 User Agent 문자열에서 파싱하는 것입니다 . 그러나 또한이 기능 감지 추론 * ;

우리는 사실을 알고 history API에 도입 된 iOS4 – matchMedia API에 iOS5를 – webAudio API에 iOS6의 – WebSpeech API에 iOS7에 등등 ..

참고 : 다음 코드는 신뢰할 수 없으며 최신 HTML 버전에서 이러한 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';
}

답변

let isIOS = /iPad|iPhone|iPod/.test(navigator.platform)
|| (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)

let isIOS = (/iPad|iPhone|iPod/.test(navigator.platform) ||
(navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&
!window.MSStream

_iOSDevice = !!navigator.platform.match(/iPhone|iPod|iPad/);

//Add Modernizr test
Modernizr.addTest('isios', function() {
    return navigator.userAgent.match(/(iPad|iPhone|iPod)/g);
});

//usage
if (Modernizr.isios) {
    //this adds ios class to body
    Modernizr.prefixed('ios');
} else {
    //this adds notios class to body
    Modernizr.prefixed('notios');
}

var iOS = ['iPad', 'iPhone', 'iPod'].indexOf(navigator.platform) >= 0;