JavaScriptによるvisionOSの検出

2024 年 7 月現在、次のコードを使用してブラウザーがvisionOS 上にあるかどうかを判断できます。 (これはブラウザのブランドを特定するものではありません。主要なブラウザのみをチェックしました。)

function isVisionOS () {
  return navigator.userAgent.includes("(Macintosh;") &&
    !!navigator.xr &&
    document.ontouchstart !== undefined;
}

壊す

関数は 3 つの基準を使用しています。

1. ユーザーエージェント文字列に「(Macintosh;」が含まれるかどうか。

macOS、iPadOS、visionOS 上の Safari には次のようなユーザーエージェントがあります。

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0 Safari/605.1.15

次のコードを使用すると、ブラウザが macOS、iPadOS、visionOS のどれであるかを判断できます。

navigator.userAgent.includes("(Macintosh;")

2. ブラウザが XR をサポートしているかどうか。

MDN ページによると、macOS、iPadOS の Safari は XR をサポートしていません。ただし、visionOS 上の Safari はサポートします。

次のコードで XR がサポートされているかどうかを確認できます:

!!navigator.xr

これまでのところ、visionOS を識別するには基準 No.1 と No.2 で十分のようです。ただし、macOS 上の Chrome は XR をサポートします。したがって、No.3 が必要です。

3. タッチデバイスかどうか。

最後に、次のコードを使用して macOS を除外できます。

document.ontouchstart !== undefined

以上がJavaScriptによるvisionOSの検出の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。