开发者

HTML5 Application Cache Not Working

开发者 https://www.devze.com 2023-01-11 15:35 出处:网络
I\'ve been writing a simple text-editor in HTML5 that is supposed to work offline. I can\'t, however, get the offline application cache to work, and I can\'t work out why not.

I've been writing a simple text-editor in HTML5 that is supposed to work offline. I can't, however, get the offline application cache to work, and I can't work out why not.

My manifest file is like this:

CACHE MANIFEST
application.html
options.html
...

And it is being invoked as follows:

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

I'm using Google App Engine to host the web application.

I've put the webpage through the W3C HTML validator (http://validator.w3.org/check?uri=https%3A%2F%2Fwrite-space.appspot.com%2F) and it comes out fine.

I've tested it in Chrome and Firefox. In Chrome nothing is added to the cache storage (and window.applicationCache.status returns 0). In Firefox the notification bar asking to cache the files does not appear. Basically, the files are not being cached.

I've looked at various demos that do cac开发者_开发技巧he for offline viewing, and cannot work out why my code does not work.

Can anyone help?


To add MIME-type text/cache-manifest for .manifest files in GAE use this in your app.yaml:

- url: /static/(.*)\.manifest
  static_files: static/\1.manifest
  upload: static/(.*)\.manifest
  mime_type: text/cache-manifest

This would serve all .manifest files in folder static with the correct MIME-type.


You have to add a MIME type to .manifest:

.manifest using text/cache-manifest

In .htaccess:

AddType text/cache-manifest .manifest

0

精彩评论

暂无评论...
验证码 换一张
取 消