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

Detecting iOS Devices

It can be useful to determine whether a browser is running on an iOS device, especially when handling device-specific functionalities.

Using a Reliable Approach

One reliable method is to check the device's platform using the navigator.platform property:

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

For iOS devices, this property will return a value like "iPhone" or "iPad."

User Agent Sniffing (Cautionary Approach)

User agent sniffing, while less reliable, can also be used:

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

However, this approach is susceptible to user manipulation and should be used with caution.

Detecting iOS Version

To determine the iOS version, you can parse it from the user agent string or use feature detection:

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

Note that feature detection can become unreliable if specific features are deprecated or removed in future iOS versions.

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