如何在 Web 应用程序中可靠地检测 iOS 设备及其版本？

检测 iOS 设备

开发 Web 应用程序时，检测设备的操作系统非常有用。特别是，iOS 设备具有可能需要特定处理的独特特征。以下是实现此目的的方法：

用户代理嗅探

一种常见的方法是用户代理嗅探。然而，由于用户或分机操作的可能性，这种方法不太可靠。不过，这里有一个示例：

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

请注意，由于用户代理字符串的更改，此方法可能无法检测运行 iOS 13 的 iPad。

平台检测

更稳健的方法是检查平台string:

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

此方法还可以区分 iPad 和其他 iOS 设备，包括 iPadOS 13。

检测 iOS 版本

在用户代理解析时可以提供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 设备并确定其版本，从而允许您相应地自定义 Web 应用程序的行为。

以上是如何在 Web 应用程序中可靠地检测 iOS 设备及其版本？的详细内容。更多信息请关注PHP中文网其他相关文章！