ホームページ >ウェブフロントエンド >jsチュートリアル >Web ブラウザで iOS デバイスを確実に検出するにはどうすればよいですか?

Web ブラウザで iOS デバイスを確実に検出するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-07 12:38:12572ブラウズ

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

iOS の検出: 総合ガイド

はじめに

ブラウザが iOS で動作するかどうかの確認特に iOS のビデオ コンテンツの独自の処理を考慮すると、特定のユースケースにとって重要です。この記事では、機能検出とユーザー エージェント スニッフィング アプローチの両方を考慮して、iOS デバイスを検出するためのさまざまな手法を検討します。

機能検出

通常、機能検出の方が信頼性が高いことが証明されていますが、iOS 検出はデバイス固有のアプローチが必要です。特定の HTML5 機能が特定の iOS バージョンで導入されたという事実を利用して、次のコードでは機能推論を使用しています。

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 && '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 デバイスを他のデバイスから区別するための実用的なアプローチを提供します。

以上がWeb ブラウザで iOS デバイスを確実に検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。