Android浏览器的应用程序缓存问题答案

【问题标题】：application cache issues with android browserAndroid浏览器的应用程序缓存问题
【发布时间】：2013-09-27 22:57:38
【问题描述】：

我正在研究 HTML5 中与应用程序缓存相关的工作。我在 body onload 中添加了 addCacheListeners()。这适用于移动 safari 和 chrome，但不适用于 android 浏览器。当涉及到 android 浏览器时，会触发 error 事件。

function addCacheListeners(){
        var appCache=window.applicationCache;
        if(appCache!== 'undefined'){
            alert("defined");
            appCache.addEventListener('checking', function(e){
                                      }, false);
            appCache.addEventListener('progress', function(e){
                                      }, false);
            appCache.addEventListener('updateready', function(e) {
                                        alert("update is ready");
                                      if (appCache.status == appCache.UPDATEREADY){
                                        appCache.swapCache();
                                        updateappInfo();
                                        }
                                      }, false);
            appCache.addEventListener('noupdate', function(e){
                                        updateappInfo();
                                        }, false);
            appCache.addEventListener('error', function(e){
                                        alert("error" + e.message);
                                      }, false);
            appCache.addEventListener('cached', function(e){
                                        alert("cached");
                                        updateappInfo();
                                      }, false);
        }

        if (appCache=== 'undefined'){alert("undefined");}
    }

对此有任何想法吗？非常感谢。

【问题讨论】：

标签： html android-browser

【解决方案1】：

此问题仅适用于 Android 浏览器，因为它不支持“.manifest”扩展名，而托管服务器中没有 MIME 类型配置。

因此，尝试将“.manifest”添加为 MIME 类型之一，但失败了，因为它不支持作为已附加另一个引用的 MIME 类型。

添加“.appcache”或“apache”使其正常运行。

<mimeMapfileExtension=".apache"mimeType="text/cache-manifest" />

（来源：Load cache manifest file）

【讨论】：