2013年12月17日 星期二

HTML5 : Dropbox 的 Cache Manifest 檔名

去年研究如何讓 HTML5 寫的 WebApps 可以在 iPad 上離線使用時,參考了 Apple Safari Developer Library 中的「Safari Client-Side Storage and Offline Applications Programming Guide」,才知道 Web Server 必須搭配將「.manifest」宣告為「text/cache-manifest」的 MIME type ,不然,即使我們 HTML5 的 Cache Manifest 內容都對了,也是無法讓 WebApps 可以離線使用。

一知半解的我,一直以為「.manifest」是大家用的 manifest 檔案附檔名(其實關鍵不在名稱,而是 Web Server 有沒有將那個名稱宣告為「text/cache-manifest」的 MIME type),上週將在學校主機中測試可以離線使用的 HTML5 程式放到 Dropbox 中,結果程式在離線狀態下卻回應網路沒有連線,無法使用。因此,當時斷定 Dropbox 不適合放 HTML5 所開發的 WebApps。今天因為習慣放程式的主機又掛點了,決定要找個地方轉移陣地,看到 w3schools 中的這一篇:
裡面建議的 manifest 檔案附檔名是「.appcache」,這和我在 Apple 網站中看到的是不同的,於是將之前放在 Dropox 的 HTML5 程式依 w3schools 的建議,改了 manifest 的附檔名。

原來是:

cache.manifest

改為:

cache.appcache

網頁中的設定,原來是:

<html manifest="cache.manifest">

改為:

<html manifest="cache.appcache">

完成以後,將改過的檔案重新上載到 Dropbox 測試,吔~成功!

不過,放到 Dropbox 有個小缺點,更新似乎會慢一點點。不像我原來的空間,檔案及 manifest 更新以後,上線即更新。


相關文章

 
© 2009. Design by Pocket