判断用户的浏览器是否支持USDZ或RealityComposer文件格式

我已经使用Apple的iOS版Reality Composer应用程序以“真实”格式创建了一些文件。我很难弄清楚如何在网络上实现它。在查看了其中包含USDZ文件的某些网页后，我终于将其放入我的网站（链接稍有更改）：

这在iOS / iPadOS Safari上很好用，但在其他浏览器（如macOS Safari，Firefox等）上却没那么好。当您在这些浏览器中单击链接时，它想下载现实文件。我想用JS编写脚本，仅在浏览器支持USDZ或现实文件时才添加锚标记。有什么好方法吗？

编辑：

InstaPot网站就是一个很好的例子。它们在iOS / iPadOS Safari上具有USDZ文件的锚标记，但在macOS Safari或其他第三方浏览器上没有。

Quick Look Gallery 页上明确指出：

  

Built-in iOS apps（例如Safari，消息，邮件，新闻和便笺）使用“快速查找”以3D或AR形式显示虚拟对象的USDZ文件。您可以在应用程序和网站中嵌入“快速查看”视图，以使用户看到令人难以置信的详细渲染，包括在闪亮的虚拟对象中反映现实环境的情况。

  
  

Tap any of the 3D models下面在运行iOS 12或更高版本的设备上查看对象并将其放在AR中。 Or click a model on Mac 下载USDZ文件。

因此，最简单的方法是将网站的桌面版本转换为移动版本。您可以使用 Responsive Switch 工具轻松地做到这一点。因此，所有使用Mac电脑的用户都可以在线查看USDZ的VR版本，而不是下载的文件。但是存在一个不愉快的问题-这些用户无法在AR模式下看到模型。

您需要为USDZ文件格式编写一个管理rel="ar"属性的 Javascript 脚本。我真的怀疑其他任何Web浏览器（Safari除外）是否支持reality文件格式。 Reading this post ，您可以找到前往的方式。