因此,我尝试在React-Native应用程序中下载一个完整的HTML页面,以便用户在离线时也可以查看该页面。我使用WebView渲染页面,它在联机时没有任何问题。
为了让它离线,我正在做一个axios.get来获取页面并存储它。但是当我渲染这个页面时,我注意到它缺少所有的css/图像,因为它们不是GET请求的一部分。如何下载完整的HTML页面并将其呈现为在线状态?
我想不出任何方法来下载所有页面的资产。
因此,我尝试在React-Native应用程序中下载一个完整的HTML页面,以便用户在离线时也可以查看该页面。我使用WebView渲染页面,它在联机时没有任何问题。
为了让它离线,我正在做一个axios.get来获取页面并存储它。但是当我渲染这个页面时,我注意到它缺少所有的css/图像,因为它们不是GET请求的一部分。如何下载完整的HTML页面并将其呈现为在线状态?
我想不出任何方法来下载所有页面的资产。
2条答案
按热度按时间n9vozmp41#
您需要下载所有引用的资产,并可能更改引用,以便它们在本地工作。有一些工具可以做到这一点。
最简单的方法可能是使用Web浏览器保存网站。这可能会或可能不会工作的方式,你的期望,但它值得一试。
如果这还不够,可以尝试HTTrack或wget等工具。说明here。
bihw5rsg2#
它与我目前的问题相似,当用户尝试打开webview时,我面临着长时间的下载aset时间,无论如何,它都会降低UX,那么我们应该做一些事情来获得更好的性能,我发现了这个包
https://www.npmjs.com/package/react-native-static-server
但是我担心这个包的长期维护,如果有一天当react native更新他们的库时,这个包没有更新他们的包,这将是最坏的情况。