w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it

html manifest attribute fixes: 1b)

1. Updating the cached resources WITHOUT modifying the Manifest file

b) users keep the same browser but clear the OfflineCache Folder → the website updates display

Otherwise the website's updates WON'T display; tests:

Conclusion: if you update a cached resource without modifying the Manifest file, one way of seeing website's updates is to clear the Offline cached data...but waiting and hoping for the user to do this in order to see fresh updates is not a SOLUTION(video demo for example purpose)

Video demonstration html manifest attribute: Fixes 1b)

HTML5 manifest file Fixes, Tutorial

min video details
00:02 open browser
00:09 clear everything: cache, offline data, cookies...
00:13 accessing the about:cache page
00:19 the Offline cache directory is empty
00:23 accessing an html file linked to a manifest file
00:25Allow data storage for Offline use
00:31 accessing the List of Cache Entries
00:33 5 resources have been stored locally, in Offline Cache Directory
00:42 Note: main.css is a cached resource
00:46 we will modify the main.css file, by changing h1's color from orange to green
01:04 saving the modification; the cached resource, main.css, has been updated
01:08re-uploading the cached resource, main.css, on Server

Will the user see the update ?

01:15 Test 1: re-accessing the page in a new tab
Test result: NOT OK
the cached resource, main.css, didn't get updated
01:21 Test 2: refreshing the page
Test result: NOT OK
the cached resource, main.css, didn't get updated
01:24 Test 3: closing and reopening the browser AND re-accessing the page
Test result: NOT OK
the cached resource, main.css, didn't get updated
01:34 Test 4: clearing the Offline Data, stored in Offline Cache Directory
checking OfflineCache directory: empty
refreshing the page
Test result: OK
the cached resource, main.css, still didn't get updated SO we deleted them and by refreshing the page, a fresh updated copy has been re-cached.
01:57another way of deleting the Offline cached resources from: Tools → Options → Advanced → Network
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: 2aappcache fixes: 2bappcache 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