如何从 Next.js 中的 iframe 启动 WebXR？

问：

我有一个 Next.js 应用程序

• https://codesandbox.io/s/next-js-forked-6fgnr7?file=/index.tsx

当我单击左下角的 AR 按钮（“在 AR betrachten 中”）时，它应该在 Android Chrome 上打开 WebXR。但它回退到 Android Scene Viewer。

iframe 源 https://polygoningenieur.dev/。 如果我直接在浏览器中转到 https://polygoningenieur.dev/，它可以工作，WebXR 正在打开。

沙盒是一个标准的next.js应用程序，next.config.js如下所示：

module.exports = {
  async headers() {
    return [
      {
        source: "/",
        headers: [
          {
            key: "Permissions-Policy",
            value: "xr-spatial-tracking=()"
          }
        ]
      }
    ];
  }
};

index.tsx 是这样的：

import React from "react";
import { render } from "react-dom";
import "./style.css";

const App = () => (
  <div>
    <div id="ar-layout">
      <iframe
        src="https://polygoningenieur.dev"
        id="ar-showcase"
        title="AR-App Example"
        width="800"
        height="600"
        allow="xr-spatial-tracking"
        allowFullScreen
      ></iframe>
    </div>
  </div>
);

render(<App />, document.getElementById("root"));

所以我不确定我在这里错过了什么。AR 应用程序位于 https 域上，iframe 具有 allow=“xr-spatial-tracking”，并且我在 next.config.js 中将权限策略标头设置为允许 xr-spatial-tracking。 （Codesandbox 说 allow on iframe 是一个未知的道具，但在我的本地环境中没有对此的抱怨。

（附加信息：我在 Android 上使用 Chrome，AR-App 是用模型查看器构建的，并且是静态的，使用 html 和 JavaScript 。

但为什么它不起作用？谢谢！:)