w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it

html manifest attribute fixes: 2b)

2. updating the cached resources AND ALSO modifying the Manifest file

b) modifying the manifest file by adding a commented line for new versions

Tests results:

Conclusion: if you update a cached resource and also modify the Manifest file (+ re-uploading modified resources on Server), the user's cached resources from OfflineCache Directory update and display if he

  1. access the page: assuming the page is not opened in Browser
  2. reloads ⁄refresh the page: assuming the page is opened in Browser

Video demonstration html manifest attribute: Fixes 2b)

HTML5 manifest file Fixes, Tutorial

min video details
00:01 launch Firefox
00:07 clear recent history: cache, offline data...
00:11 access about:cache page
00:17 the Offline cache directory is empty
00:21 accessing index.php file which is linked to the manifest file test.appcache
00:23Allow data storage for Offline use
00:24in this video tutorial we will see how we can make the cached resources to update and display on page when changing the manifest file by adding a commented line with details
00:29 accessing the List of Cache Entries
00:31 5 resources have been cached, index.php is one of them
00:41 updating index.php file
00:59 changing the manifest file by adding a commented line with details
01:04 # = commented; v1 = version 1
you can use any other annotation like: 2012-11-28 v1 or v1.0.0 or...and with each update you will change the version's number and maybe the data;
note:don't let this commented line unchanged when you upload on server updated file which have been previously cached, because it won't be re-cached. When the manifest file changes, the browser re-cache it
01:11 quick recap:
1. we've updated a cached resource: index.php
2. we've changed the manifest file by adding a commented line and details: #v1
01:13re-uploading the changed cached resources: index.php and test.appcache on Server

Will the updates display ?

01:19 Test 1: re-accessing the cached page in a new tab
Test result: NOT OK
the cached resources got updated but don't display; the page needs to reload ⁄refresh
01:27 Test 2: refreshing the cached page
Test result: OK
the cached resource, got updated and display
01:31 Test 3: closing and reopening the browser AND re-accessing the page
Test result: OK
the cached resources got updated and display
html intro html optional html occurrences html browser display html children html syntaxhtml manifest attribute introappcache CACHE sectionappcache NETWORK sectionappcache FALLBACK sectionappcache ADVANTAGESappcache DISADVANTAGEappcache fixes: 1aappcache fixes: 1bappcache fixes: 2aappcache fixes: 2cappcache fixes: 3html class attributehtml contenteditable attributehtml contextmenu attributehtml dir attributehtml hidden attributehtml id attributehtml lang attributehtml spellcheck attributehtml style attributehtml title attributehtml translate attribute