Chrome reporting html5 cache manifest mime type incorrectly

Matthew Lehner picture Matthew Lehner · Sep 11, 2011 · Viewed 7.3k times · Source

I'm trying to set up a cache manifest for a site and am having little luck. A demo page is here: http://www.matthewlehner.ca

The HTML I'm using has this structure:

<!DOCTYPE html>
<html manifest="manifest.appcache">
</html>

.htaccess in the root folder has the following entry:

AddType text/cache-manifest appcache
AddType text/cache-manifest .appcache

Response from `curl -I http://www.matthewlehner.ca/manifest.appcache'

HTTP/1.1 200 OK
Date: Sun, 11 Sep 2011 00:04:30 GMT
Server: Apache
Last-Modified: Sat, 10 Sep 2011 07:53:30 GMT
ETag: "18a84003-32-4ac9196f95280"
Accept-Ranges: bytes
Content-Length: 50
Content-Type: text/cache-manifest

But Chrome dev on OS X 10.6 is reporting the following error:

Application Cache Error event: Invalid manifest mime type (text/plain) http://www.matthewlehner.ca/manifest.appcache

Clearly this is not the case, but how do I fix this? Is it a Chrome, .htaccess, or hosting issue?

Answer

Earl Zedd picture Earl Zedd · Sep 17, 2011

I was getting the same Chrome error because my doctype was DOCTYPE! instead of !DOCTYPE. Chrome is probably being stricter somehow in parsing your HTML than other browsers; try pasting your code into http://validator.w3.org. Or maybe try the following line alone in your .htaccess file.

AddType text/cache-manifest appcache manifest


For ease of testing refresh chrome://appcache-internals whenever you refresh http://www.matthewlehner.ca