如何在 Web 浏览器中可靠地检测 iOS 设备？-js教程-PHP中文网

如何在 Web 浏览器中可靠地检测 iOS 设备？

Linda Hamilton

发布： 2024-12-07 12:38:12

原创

603 人浏览过

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

检测 iOS：综合指南

简介

识别浏览器是否在 iOS 上运行对于特定用例非常重要，特别是考虑到 iOS 对视频内容的独特处理。本文探讨了检测 iOS 设备的各种技术，同时考虑了功能检测和用户代理嗅探方法。

功能检测

虽然功能检测通常被证明更可靠，但 iOS 检测需要特定于设备的方法。利用特定 iOS 版本引入了某些 HTML5 功能的事实，以下代码采用了功能推断：

function iOSversion() {
    if (iOS) { // Use iOS detection function from above
        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 &amp;&amp; 'pushState' in window.history) { return 'iOS 4'; }
        return 'iOS 3 or earlier';
    }

    return 'Not an iOS device';
}

登录后复制

用户代理嗅探

尽管有其缺点，但用户代理嗅探仍然是一个简单的替代方案。以下代码通过用户代理字符串识别 iOS 设备：

var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent);

登录后复制

注意：

请注意，用户代理很容易被修改，并且这些方法可能会产生不准确的结果在某些情况下会产生结果。尽管如此，这些技术提供了区分 iOS 设备与其他设备的实用方法。