Ab Juli 2024 können Sie mit dem folgenden Code feststellen, ob ein Browser auf visionOS läuft oder nicht. (Dies identifiziert keine Browsermarken; ich habe nur die wichtigsten Browser überprüft.)

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

Abbauen

Die Funktion verwendet 3 Kriterien.

1. Ob die Benutzeragentenzeichenfolge „(Macintosh;“ enthält oder nicht.

Safari auf macOS, iPadOS und visionOS verfügt über Benutzeragenten wie die folgenden.

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

Mithilfe des folgenden Codes können wir feststellen, ob der Browser auf macOS, iPadOS oder visionOS läuft.

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

2. Ob der Browser XR unterstützt oder nicht.

Laut der MDN-Seite unterstützt Safari für macOS, iPadOS XR nicht. Safari unter visionOS unterstützt jedoch.

Sie können mit dem folgenden Code überprüfen, ob XR unterstützt wird:

!!navigator.xr

Bisher scheinen die Kriterien Nr. 1 und Nr. 2 auszureichen, um visionOS zu identifizieren. Chrome unter macOS unterstützt jedoch XR. Wir brauchen also Nr. 3.

3. Ob es sich um ein Touch-Gerät handelt oder nicht.

Schließlich können wir macOS ausschließen, indem wir den folgenden Code verwenden.

document.ontouchstart !== undefined