2011-07-27 90 views
1

我無法在iPhone移動Safari中脫機模式下工作。HTML5在移動網絡應用程序中脫機問題

我已將我的緩存清單文件包含在我的目錄的根目錄中。

<html lang="se" manifest="cache.manifest"> 

我cache.manifest看起來像

CACHE MANIFEST 

    CACHE: 
    /images/background-iphonelines.png 
    /images/acne.jpg 
/images/lisa.jpg 
/images/bruno.jpg 
/images/urban.jpg 
/shops/acne.html 
/shops/lisa.html 
/shops/bruno.html 
/shops/urban.html 
/shops/shops.css 
    /style.css 
    script.js 
    guide.html 

    NETWORK: 
    * 

我也包括在我的根目錄.htaccess文件與內容

AddType text/cache-manifest .manifest 

當我試圖打開我的應用程序在我的iPhone上,它仍然說「無法打開頁面」(或類似的,我的網頁在瑞典語)。

有人有什麼建議我做錯了嗎?

回答

1

您的標記和緩存文件看起來不錯,但如果網站不會離線,則緩存存在問題。它只需要在一個元素上失敗,整個事情就不會起作用。你有沒有試過調試你的緩存文件?這篇文章將幫助:

Jonathan Stark, Debugging HTML 5 Offline Application Cache

注意這不會告訴你哪些資產導致失敗(如果有的話),但它告訴你,如果你的緩存工作或沒有。

+0

謝謝。我嘗試了腳本,並在網上發現了一些錯誤:是,事件:檢查,狀態:未在線存儲:是,事件:下載,狀態:未在線存儲:是,事件:進度,狀態:未存儲在線:是,事件:錯誤,狀態:未緩存(大量清單中的語法錯誤) - 所以嗯。可能是清單中的某些東西,但我看不到什麼 –

+0

您需要檢查路徑,並確保它們是正確的 - 您有一些相對於緩存文件的值,以及一些可能出錯的值(例如' guide.html'和'/style.css'-他們絕對正確?) – Ben

+0

現在他們正在下載..但是當我離線時,出現以下錯誤ajax.googleapis.com/ajax/libs/jquery/1.3/jquery。 min.js加載資源失敗:此計算機的Internet連接似乎處於脫機狀態。 queryLoader/js/queryLoader.js無法加載資源:此計算機的Internet連接似乎處於脫機狀態。我甚至沒有在我的頁面上包含這些腳本。我使用地理位置雖然... –

0

昨天我其實有類似的問題。嘗試刪除CACHE:並僅列出緩存的項目。我偶然發現了這一點,它現在似乎適用於我的IOS。另外,我在頂部添加了一個註釋字段,以確保我可以使緩存無效。我會試一試。

0

我也有同樣的問題。我在cache.manifest文件&中包含下面的行,它爲我修復。

NETWORK: 

* 
0

我一直在掙扎2個小時,最後我管理了它! HORAY!我已經添加「/」緩存,這是問題...

+0

你在哪裏添加了這個? – turbo2oh

相關問題