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

4

我正在尝试在React-Native应用程序中下载完整的HTML页面,以便用户在离线时也可以查看页面。我使用WebView呈现页面,当在线时没有任何问题。

为了获得离线页面,我使用axios.get获取页面并将其存储。但是当我呈现此页面时,我注意到它缺少所有的CSS/图像,因为它们不是GET请求的一部分。如何下载完整的HTML页面并呈现它就像在线时一样?

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

2个回答

0

这与我的当前问题相似,我正在面对长时间下载资源的问题,当用户尝试打开 Webview 时,它会降低用户体验,因此我们应该为了更好的性能而采取一些措施,我发现了这个软件包

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

但我担心这个包的长期维护,如果有一天这个包没有更新,而React Native更新了他们的库,那将是最糟糕的情况。


0
你需要下载所有引用的资产,并可能更改引用,以便它们在本地工作。有一些工具可以做到这一点。
最简单的方法可能是使用您的 Web 浏览器保存网站。这可能按您的期望工作或不起作用,但值得一试。
如果这还不够,请尝试像 HTTrack 或 wget 这样的工具。 点击此处 获取说明。

这在桌面上可以运行,但如果我想将网页存储在我的React-Native应用程序中怎么办? - krishnanspace
你不能在桌面上下载它,然后将文件存储到你的应用程序内吗?或者你想动态地下载这些文件吗? - schteppe
我必须动态下载它。 - krishnanspace

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接