javascript - 在 Electron 应用程序中的 iframe 中加载来自外部站点的本地镜像

Question

假设我有一个网站，我想在 Electron 应用程序中使用 iframe 或 webview 将其转换为桌面应用程序。我们还假设这个网站上有很多图像，我想将它们缓存在 Electron 应用程序中，这样他们只需下载这些图像一次。

有没有办法从 iframe/webview 中加载的远程站点访问这些本地文件(捆绑在 Electron 应用程序中)？

Answer 1

不幸的是，没有一种非常简单的方法来完成这项工作。然而，我们设法得到了一个稍微有点老套的系统设置，似乎可以完成这项工作:

1. 将所有资源转换为 Base64 数据 URI，并保存在以资源 URL 作为键的 JSON 文件中。
2. 在 iframe/webview 内部，使用 postMessage 或 ipc 向应用请求这些资源。
3. 接收该请求并将 JSON 对象发送回 webview/iframe。
4. 加载资源时，检查URL是否在对象中，并使用base64数据URI；否则，正常加载。