>웹 프론트엔드 >JS 튜토리얼 >웹 브라우저에서 iOS 장치와 해당 버전을 어떻게 안정적으로 감지할 수 있습니까?

웹 브라우저에서 iOS 장치와 해당 버전을 어떻게 안정적으로 감지할 수 있습니까?

DDD
DDD원래의
2024-12-03 10:18:11368검색

How Can I Reliably Detect iOS Devices and Their Versions in a Web Browser?

iOS 기기 감지

특히 기기별 기능을 처리할 때 브라우저가 iOS 기기에서 실행되고 있는지 확인하는 데 유용할 수 있습니다.

신뢰할 수 있는 접근 방식 사용

신뢰할 수 있는 방법 중 하나는 navigator.platform을 사용하여 기기의 플랫폼을 확인하는 것입니다. 속성:

function iOS() {
  return [
    'iPad Simulator',
    'iPhone Simulator',
    'iPod Simulator',
    'iPad',
    'iPhone',
    'iPod'
  ].includes(navigator.platform);
}

iOS 장치의 경우 이 속성은 "iPhone" 또는 "iPad"와 같은 값을 반환합니다.

사용자 에이전트 스니핑(주의 접근 방식)

사용자 에이전트 스니핑은 신뢰성이 떨어지지만 사용할 수도 있습니다.

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

그러나 이 접근 방식은 취약합니다. 사용자 조작에 취약하므로 주의해서 사용해야 합니다.

iOS 버전 감지

iOS 버전을 확인하려면 사용자 에이전트 문자열에서 구문 분석하거나 기능 감지를 사용할 수 있습니다.

function iOSversion() {
  if (iOS) { // Use the above iOS() function
    if (window.indexedDB) { return 'iOS 8 and up'; }
    // Continue adding logic for other iOS versions...
    return 'iOS 3 or earlier';
  }

  return 'Not an iOS device';
}

향후 iOS 버전에서 특정 기능이 더 이상 사용되지 않거나 제거되면 기능 감지가 불안정해질 수 있습니다.

위 내용은 웹 브라우저에서 iOS 장치와 해당 버전을 어떻게 안정적으로 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.