在 iFrame 上不刷新 Firebase 托管页面

Question

我有一个包含 iFrame 的页面的移动应用程序（ionic 5 cordova Angular 11）。

iFrame 的来源是托管在 Firebase Hosting 中的网页。

当我修改和发布我的 Web 托管页面时，如果我使用它的直接 URL 访问该页面，则所有更改都已完成。但是，当我打开带有嵌入 iFrame 的页面的移动应用程序时，不会复制更改。 我相信有一种缓存，但我不能确定，也不知道如何刷新它。

Answer 1

Firebase 托管网站在默认情况下并不总是显示最新版本，而是使用缓存版本。我设法通过创建一个动态链接到 Firebase 托管站点的内框来解决这个问题。加载页面时，当前日期和时间的时间戳会添加到源的 url 中。这会导致 Firebase 托管返回最新版本。 这样的事情应该可以工作：

var iframe = document.createElement("iframe");
iframe.src =
  "https://myapp.firebaseapp.com/?t=" +
  new Date().valueOf();
document.getElementsByTagName("my-iframe")[0].appendChild(iframe);