Caching with manifest, html5 - html

File manifest.php contains data
ACHE MANIFEST
index.html
page.html
category.html
If I change name of manifest.php to new_manifest.php, will it re-cache files or use the earlier cached data?

If you change the name of the manifest file so the old manifest is not found on server anymore then the cache will be dropped and all files will be loaded from server.
Depending on how the new files and manifest are then they will be re-cached.

Related

how do i open the index.html file instead of the file directory in a folder?

how do I get the index.html file to open when you go to file:///C:/Users/ONT%20Studios/Downloads/test/ i.e. can I make it so it doesn't show the directories but opens the index.html file?
You've tagged this .htaccess, which is a configuration file format for Apache HTTPD, but you aren't using Apache HTTPD or any other HTTP server.
You are just reading a local directory with your web browser.
Web browsers do not have features to load an index.html instead of showing a directory listing when you point them at a directory.
Use an HTTP server.

Appcache Manifest not working

I have the following appcache manifest:
CACHE MANIFEST
# Cache Manifest timestamp: 1361723106
CACHE:
offline.html
offline2.html
offline.manifest.php
NETWORK:
*
FALLBACK:
/ offline.html
I am using this on my local installed server.
So when I load the index.html file which links to this manifest file, the consolse in Chrome shows me that all files are cached properly. When I now shut down my local server and try to access the index.html file again, then I see the content of that index.html file. I was expecting to be "forwarded" to offline.html. What am I doing wrong?
Thanks in advance!
Although you speak of an "index.html" file, I'm assuming you're accessing the resource like this: http://yourlocalservername/ .
The resource that links to the appcache manifest (in this case "/") is always included in the application cache. Fallback applies to resources which are not in the cache, so the result you get is expected.
The only way to show an "offline indicator" when accessing a previously cached resource, is to ensure the cached resource includes javascript code that actually checks if the browser is offline. You could check navigator.onLine and/or check with XMLHttpRequest to see if your server is reachable (and functioning).

Application Cache html5

I'm learning how application cache works, but I got a problem.
I created my manifest file and 'imported' it in my index.html.
In the offline.manifest file I added:
CACHE MANIFEST
34567.js
and in my index file:
<html manifest="offline.manifest">
I'm working on localhost, but when I tried to search the script, I get nothing.
I erased the cache too, but result is the same.
I read about creating an .htaccess file and I created it with this string:
AddType text/cache-manifest .manifest
But, where I'd put it?
Apache's .htaccess file, which configures the web server, can be placed anywhere in the directory tree so long as you write your directive paths correctly. Based on the syntax AddType text/cache-manifest .manifest you'd need to keep the .htaccess in the same directory as the .manifest file here.
See this very similar question via the StackExchange network.
If you are not serving the .manifest with the correct text/cache-manifest content type it will be ignored.

HTML 5 offline applicatin failed to load cached resource

I have cache static resources of my website using manifest file
But when I run website when internet is not connected images not shown.
Images also should cache because I putted them in manifest file.
For example I have cached this file but this file is not loaded when the Internet is disconnected.
Here is google chrome console snapshot :
I also had the same problem. I included below in the cache.manifest file & it fixed for me.
NETWORK:
*
Its strange ..
The problem resolved just when I changed images folder name !

Using manifest property in html5

From what I userstand,
<html manifest="test.appcache" xmlns="http://www.w3.org/1999/xhtml">
that is a sample on how one would use the manifest property.
CACHE MANIFEST
CACHE:
# Offline cache v2
# html files
index.html
# css files
styles.css
# js files
main.js
and the above is a sample of the manifest file.
However, when I try to run it from my iTouch, the cache is not working.
I just want to ask if the server affects if certain html5 property work? because the server I am using is quite old.
Thanks in advance
You have to make sure that the server delivers the manifest file with a MIME type of
text/cache-manifest
This could be done (assuming you're using apache) by adding
AddType text/cache-manifest .appcache
to your .htaccess file in the directory the manifest is residing in.