如何在 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 時反應原生更新他們的圖書館，是最糟糕的情況。