3

我正在使用 HTML5 AppCache 创建一个可以离线运行的 Android Web 应用程序。使用 loadDataWithBaseURL() 将获取其他图像、样式表、javascript 和 iframe 的 HTML 加载到 WebView 中。不幸的是，当设备离线时，只有 iframe 中的 HTML 会从 AppCache 加载。

在这一点上，我知道：

  • 该内容确实存在于 AppCache 中，因为我使用 adb shell 转储了 AppCache.db 文件的内容并在其中找到了所有内容。
  • 这可能不是域问题，因为我在 loadDataWithBaseURL() 的 baseUrl 字段中指定了正确的路径。此外，如下所述，此问题的解决方法会成功且不会出现域错误。

这是一些演示代码：

public class ExampleActivity extends Activity {

   ...

  // HTML to be inserted into the Webview with loadDataWithBaseURL()
  public static final String ALL_HTML = 
      "<!DOCTYPE HTML><html>" +
      "<head><script src='sourced_js.js' " +
         "onload='console.log(\"sourced_js.js onload\");'>" +
      "</script>" +
      "<link rel='stylesheet' href='style.css' />" +   // doesn't load offline
      "</head><body>" +
      "<iframe src='manifest.html'></iframe>" +        // loads
      "<img src='android.jpg' />" +                    // doesn't load
      "<img src='android.gif' />" +                    // doesn't load
      "</body></html>";

  public void onCreate(Bundle savedInstanceState) {

    ...

    WebView webView = new WebView(context);
    webView.clearCache(true);

    WebSettings settings = webView.getSettings();
    settings.setAppCacheEnabled(true);
    settings.setJavaScriptEnabled(true);

    webView.loadDataWithBaseURL("http://my.website.com/path/to/content/",
        ALL_HTML, "text/html", "utf-8", null);
  }
}

manifest.html只负责引用清单。看起来像：

<html manifest="manifest.appcache">
<head></head>
<body></body>
</html>

manifest.appcache好像：

CACHE MANIFEST

# Explicitly cached resources
# manifest.html automatically cached
sourced_js.js
android.jpg
android.gif
style.css

NETWORK:
*

在线时，所有内容都会加载。manifest.html离线时，仅加载iframe 。图像、样式表和 javascript 未加载。

奇怪的是，如果我在 中获取完全相同的静态内容（sourced_js.js, android.jpg, ...）manifest.html，当设备离线时，它们都会从 iframe 中的 AppCache 正确加载！好像这些其他资源必须从静态页面中获取。

任何线索为什么不会从 AppCache 加载此内容？

4

1 回答 1

1

根据规范，如果您没有为 Web 服务器中的 *.appcache 文件设置正确的 MIME 类型响应设置（文本/缓存清单），则 appcache 不应该工作。

在桌面浏览器、移动浏览器和 iOS UIWebView 中会出现相同的行为。

于 2012-08-03T20:37:25.253 回答