브라우저가 iOS 장치에서 실행 중인지 어떻게 확실하게 감지할 수 있습니까?

iOS 기기 식별

기능 감지와 달리 이 질문은 브라우저가 iOS 기기에서 작동하는지 확인하는 방법을 설정하려는 것입니다. 기능 감지의 중요성에도 불구하고 관련 스택 오버플로 토론에서 강조된 것처럼 iOS 기기 감지의 필요성은 동영상의 고유한 처리로 인해 발생합니다.

탐지 방법

기기 감지 영역 탐색 , 두 가지 접근 방식에 직면합니다:

1. 사용자 에이전트 스니핑: 이 방법은 브라우저의 사용자 에이전트 문자열을 검사하여 장치 유형을 식별합니다. 그러나 이 접근 방식의 잠재적인 함정에 유의하는 것이 중요합니다.

   • 사용자 에이전트는 사용자 또는 브라우저 확장 프로그램에 의해 스푸핑될 수 있습니다.
   • iOS 13 iPad는 이제 macOS와 동일한 사용자 에이전트를 표시합니다. 13

2. 기능 추론: 이 기술은 다양한 iOS 버전에 대해 알려진 기능 가용성 타임라인을 활용합니다. 예를 들어,

   • History API는 iOS 4에 도입되었습니다
   • matchMedia API는 iOS 5에 데뷔했습니다
   • webAudio API는 iOS 6에 공개되었습니다
   • iOS에 등장한 WebSpeech API 7

주의: 이 접근 방식은 이러한 기능이 향후 iOS 버전에서 더 이상 사용되지 않을 것이라는 가정에 의존합니다.

감지

iOS 기기를 감지하려면 다음을 사용할 수 있습니다. 코드:

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 버전을 감지하려면 다음 코드를 사용할 수 있습니다(제한 사항에 유의하세요).

function iOSversion() {

  if (iOS) {
    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';
}

위 내용은 브라우저가 iOS 장치에서 실행 중인지 어떻게 확실하게 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!