2024년 7월부터 다음 코드를 사용하여 브라우저가 VisionOS에 있는지 여부를 확인할 수 있습니다. (브라우저 브랜드는 식별하지 않으며, 주요 브라우저만 확인했습니다.)

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

고장

이 기능은 3가지 기준을 사용하고 있습니다.

1. 사용자 에이전트 문자열에 "(Macintosh;"가 포함되어 있는지 여부.

macOS, iPadOS, VisionOS의 Safari에는 다음과 같은 사용자 에이전트가 있습니다.

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

다음 코드를 사용하면 브라우저가 macOS, iPadOS 또는 VisionOS에 있는지 확인할 수 있습니다.

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

2. 브라우저가 XR을 지원하는지 여부.

MDN 페이지에 따르면 macOS, iPadOS용 Safari는 XR을 지원하지 않습니다. 하지만 VisionOS의 Safari는 지원합니다.

다음 코드를 사용하여 XR이 지원되는지 확인할 수 있습니다.

!!navigator.xr

지금까지는 1번과 2번 기준만으로도 VisionOS를 식별하기에 충분해 보입니다. 그러나 macOS의 Chrome은 XR을 지원합니다. 그래서 No.3이 필요합니다.

3. 터치기기인지 아닌지.

마지막으로 다음 코드를 사용하여 macOS를 제외할 수 있습니다.

document.ontouchstart !== undefined