如何在 JS/React-Native 中下载完整的 html 页面？

Question

因此，我尝试在 React-Native 应用程序中下载完整的 HTML 页面，以便用户稍后也可以在离线时查看该页面。 我正在使用 WebView 渲染页面，它在联机时可以正常工作。

为了让它离线，我正在做一个 axios.get 来获取页面并存储它。 但是当我渲染这个页面时，我注意到它缺少所有的 css/图像，因为它们不是 GET 请求的一部分。 如何下载完整的 HTML 页面并将其呈现为在线状态？

我想不出任何方法来下载所有页面的资产。

Answer 1

您需要下载所有引用的资产并可能更改引用以便它们在本地工作。 有一些工具可以做到这一点。

最简单的方法可能是使用 web 浏览器保存网站。 这可能会或可能不会按您期望的方式工作，但值得尝试。

如果还不够，请尝试使用 HTTrack 或 wget 等工具。 这里的说明。

Answer 2

它与我当前的问题类似，当用户尝试打开 webview 时，我面临着很长的下载时间，无论如何它会降低 UX，那么我们应该做一些事情以获得更好的性能，我发现了这个 package

https://www.npmjs.com/package/react-native-static-server

但我担心这个 package 的长期维护，如果 package 有一天不更新他们的 package 时反应原生更新他们的图书馆，是最糟糕的情况。