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

Detecting iOS Devices

When developing web applications, it can be useful to detect the operating system of a device. In particular, iOS devices have unique characteristics that may necessitate specific handling. Here's how to achieve this:

User Agent Sniffing

One common approach is user agent sniffing. However, this method is less reliable due to the potential for user or extension manipulation. Nonetheless, here's an example:

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

Note that this method may fail to detect iPads running iOS 13 due to changes in the user agent string.

Platform Detection

A more robust approach is to check the platform string:

function iOS() {
  return [
    'iPad Simulator',
    'iPhone Simulator',
    'iPod Simulator',
    'iPad',
    'iPhone',
    'iPod'
  ].includes(navigator.platform)
  || (navigator.userAgent.includes("Mac") && "ontouchend" in document);
}

This method also distinguishes iPads from other iOS devices, including iPadOS 13.

Detecting iOS Version

While user agent parsing can provide the iOS version, a more reliable approach is feature inference. Here's an example:

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';
}

Conclusion

These techniques enable you to effectively detect iOS devices and determine their version, allowing you to customize your web application's behavior accordingly.

The above is the detailed content of How Can I Reliably Detect iOS Devices and Their Versions in Web Applications?. For more information, please follow other related articles on the PHP Chinese website!