How to make the application cache manifest work in Safari 7.0.3?

I’ve already been hooked for two days, and it drove me crazy. Hope someone can highlight this issue.

I run: Mavericks (MAC), Safari version 7.0.3 (9537.75.14)

My index.php looks like this:

 <!DOCTYPE HTML> <html manifest="manifest.php"> <head> <title></title> <meta charset="UTF-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <p>The time is <time><?php echo time(); ?></time></p> </body> </html> 

My style.css looks like this:

 html, body { margin : 0; padding : 0; font-size : 100%; font-family : "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; } p { text-align : center; } p time { color : red; } 

And my manifest.php looks like this:

 <?php header('Content- Type: text/cache-manifest'); ?> CACHE MANIFEST CACHE: style.css 

If I track the time output, it shows that it works, since the time is not updated if the manifest does not change. I load the URL in Chrome and it works, I load the URL in Mobile Safari and it works! I upload the URL to Safari on Mavericks and something is wrong.

Time is not updated as expected. When I look at the console, I see that it has a program cache. Everything seems fine, however, when I disconnect from the Internet, reload the page. It reloads the page without giving an error message that I am offline, however, any external file, such as CSS, does not load and contains the following error, including the manifest itself:

Failed to load resource: network connection is disconnected.

Again, Chrome and Mobile Safari work correctly with the same URL. I don’t see what is missing.

+7
html5 caching html5-appcache
Apr 7
source share
1 answer

Try changing the manifest file extension to .appcache:

 <html manifest="manifest.appcache"> 
0
Aug 27 '14 at 8:59
source share



All Articles