保存網頁以便在Web應用程序中脫機訪問

Question

我有一個Web應用程序（sencha/phonegap），其中包含一項功能，允許用戶單擊鏈接到維基百科文章的按鈕。如果設備可以訪問互聯網，這顯然可以正常工作，但當應用程序脫機時，我會收到很多請求以使應用程序正常工作。爲了達到這個目標，我想讓用戶選擇下載鏈接的文章/網頁以進行離線訪問。當設備無法訪問互聯網時，應用程序會顯示保存的版本（可能過時/過時，但總比沒有好）。有什麼可能的方法來完成這項任務？

我的第一個想法是以某種方式使用html清單緩存手機瀏覽器中的頁面，這聽起來可能在Android瀏覽器上，但iOS顯然有5MB的瀏覽器緩存限制 - 太小了。

我的下一個想法是保存所需的html &關聯文件並將它們捆綁在應用程序中。但是這似乎是一個相當麻煩的方法，應用程序變得比需要的大得多，而且網頁已經過時到應用程序安裝的日期。

使用javascript，是否有可能下載網頁，然後我可以保存（例如在SD卡上）以便以後訪問？

還是有更優雅的方法？

如果有人能指出我在正確的方向，將不勝感激。

Answer 1

在純Javascript中，您可以創建一個Ajax請求下載頁面。然後，您可以使用FileWriter將responseText寫入文件系統上的文件。但是，對於圖像來說，這不會有幫助。您需要使用FileTransfer.download()命令獲取二進制映像文件。

如果我是你，我會：

1. 使用AJAX下載HTML。
2. 解析html查找圖像。
3. 使用FileTransfer.download獲取圖像。