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

Question

我有一个移动应用程序 (ionic 5 cordova Angular 11)，其页面包含 iFrame。

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

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

Answer 1

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

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

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

Firebase Hosting page not refreshed when on iFrame

firebase

iframe

mobile

refresh