Depuis juillet 2024, vous pouvez utiliser le code suivant pour déterminer si un navigateur est sur visionOS ou non. (Cela n'identifie pas les marques de navigateurs ; j'ai uniquement vérifié les principaux navigateurs.)

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

Panne

La fonction utilise 3 critères.

1. Si la chaîne de l'agent utilisateur contient "(Macintosh;" ou non.

Safari sur macOS, iPadOS, visionOS a des agents utilisateurs comme ceux-ci.

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

En utilisant le code suivant, nous pouvons déterminer si le navigateur est sur macOS, iPadOS ou visionOS.

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

2. Si le navigateur prend en charge XR ou non.

Selon la page MDN, Safari pour macOS, iPadOS ne prend pas en charge XR. Cependant, Safari sur visionOS prend en charge.

Vous pouvez vérifier si XR est pris en charge avec le code suivant :

!!navigator.xr

Jusqu'à présent, il semble que les critères n°1 et n°2 suffisent à identifier visionOS. Cependant, Chrome sur macOS prend en charge XR. Nous avons donc besoin du numéro 3.

3. Qu'il s'agisse d'un appareil tactile ou non.

Enfin, nous pouvons exclure macOS en utilisant le code suivant.

document.ontouchstart !== undefined