A partir de julho de 2024, você pode usar o código a seguir para determinar se um navegador está no visionOS ou não. (Isso não identifica marcas de navegadores; verifiquei apenas os principais navegadores.)

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

Discriminação

A função está usando 3 critérios.

1. Se a string do agente do usuário contém "(Macintosh;" ou não.

Safari no macOS, iPadOS, visionOS tem agentes de usuário como os seguintes.

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

Usando o código a seguir, podemos determinar se o navegador está no macOS, iPadOS ou visionOS.

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

2. Se o navegador suporta XR ou não.

De acordo com a página MDN, Safari para macOS, iPadOS não oferece suporte a XR. No entanto, o Safari no visionOS suporta.

Você pode verificar se XR é compatível com o seguinte código:

!!navigator.xr

Até agora, parece que os critérios nº 1 e nº 2 são suficientes para identificar o visionOS. No entanto, o Chrome no macOS oferece suporte a XR. Portanto, precisamos do número 3.

3. Se é um dispositivo de toque ou não.

Finalmente, podemos excluir o macOS usando o seguinte código.

document.ontouchstart !== undefined