在 iFrame 上时，Firebase 托管页面未刷新

【问题标题】：Firebase Hosting page not refreshed when on iFrame在 iFrame 上时，Firebase 托管页面未刷新
【发布时间】：2021-07-18 03:53:46
【问题描述】：

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

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

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

【问题讨论】：

标签： firebase iframe mobile refresh

【解决方案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);

【讨论】：

这是解决这个问题的好方法。谢谢！