A partir de julio de 2024, puede utilizar el siguiente código para determinar si un navegador está en visionOS o no. (Esto no identifica las marcas de navegadores; solo revisé los principales navegadores).

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

Descomponer

La función utiliza 3 criterios.

1. Si la cadena del agente de usuario contiene "(Macintosh;" o no.

Safari en macOS, iPadOS y visionOS tiene agentes de usuario como los siguientes.

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

Al usar el siguiente código, podemos determinar si el navegador está en macOS, iPadOS o visionOS.

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

2. Si el navegador admite XR o no.

Según la página de MDN, Safari para macOS, iPadOS no es compatible con XR. Sin embargo, Safari en visionOS es compatible.

Puedes comprobar si XR es compatible con el siguiente código:

!!navigator.xr

Hasta ahora, parece que los criterios número 1 y 2 son suficientes para identificar visionOS. Sin embargo, Chrome en macOS es compatible con XR. Entonces necesitamos el número 3.

3. Si es un dispositivo táctil o no.

Finalmente, podemos excluir macOS usando el siguiente código.

document.ontouchstart !== undefined