Détection de visionOS par JavaScript

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 qui suivent.

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 soient suffisants pour identifier visionOS. Cependant, Chrome sur macOS prend en charge XR. Il nous faut donc le n°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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!