トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

VisionProのブラウザ判定@web

QusetのブラウザとVisionProのブラウザの時のみ出したいUIがあって、その判定をしたい。

Questの判定は

  const isQuestBrowser = () => {
    const userAgent = navigator.userAgent;
    return /OculusBrowser/i.test(userAgent);
  };

でできた。(AIに聞いた)

VisionProの判定についてAIに聞いたらuseragentがないって帰ってきた

ググってもそうらしい

https://www.reddit.com/r/visionosdev/comments/1attyy5/it_looks_like_apple_is_not_identifying_vision_pro/

解決

ワークアラウンドな方法で判定する方法をもとに、

https://www.reddit.com/r/visionosdev/comments/1azvzen/identifying_avp_users_on_web_pages/

npmの判定パッケージを公開してくださってた!

github.com

これで無事判定できた~

  if (isAVP || isQuestBrowser()) {