2011-06-29 29 views
0

我有一個Chrome網上應用店,我正在使用appcache從緩存中加載資源。我已經在使用localStorage使數據可以脫機。HTML5 appcache - 使應用完全離線

使應用程序脫機工作的問題是,如果我重新加載頁面(離線時),瀏覽器檢查清單,並且因爲它無法觸及清單uri,所以在控制檯中出現錯誤。而已。除此之外沒有什麼會發生。該頁面不呈現任何內容。

我不確定是否有解決方法(阻止瀏覽器檢查頁面刷新時的清單)。無論如何,我想知道 - 這是讓您的資產緩存並可脫機使用的唯一方法。數據不是問題;但沒有資產(主要是JS)的東西不會移動一寸。

如果有人能夠建議/指引我在正確的方向/方法中擁有全功能的離線應用程序,即使在頁面重新加載/刷新時也會很高興。

回答

1

清單緩存文件需要可供您的離線網頁使此功能正常工作。當你說應用程序無法到達清單URI時,這是否意味着它是服務器上的絕對URI?如果是這樣,那是行不通的。

我在生產一些離線應用程序,而我總是把緩存清單中的應用程序的根目錄下,在我的網頁上引用這樣說:

<!DOCTYPE html> 
    <html manifest="./cache-manifest.manifest"> 
    <head> 

緩存工程,應用程序脫機,頁面刷新不是問題。如果你想檢查你的緩存是否正常工作,這篇文章中的代碼是非常寶貴的:

http://jonathanstark.com/blog/2009/09/27/debugging-html-5-offline-application-cache/