Dynamically Trigger HTML5 Cache Manifest file?

by

You dynamically trigger caching by adding an iframe that points to an empty page containing the actual cache manifest.

offline.html:

<!DOCTYPE html>
<html manifest="offline.appcache">
<head>
    <title></title>
</head>
<body>
</body>
</html>

Make sure to add index.html to the cache manifest.
Then just add something like:

<iframe src="https://stackoverflow.com/questions/4548342/offline.html" width="0" height="0">

to document.body dynamically to trigger caching.

More Related Contents:

  1. How to programmatically empty browser cache?
  2. Cache busting via params
  3. How can I disable clipboard and task-switching operations while my program or Web site is active?
  4. This doesn’t seem right? Javascript isn’t working
  5. console.log of element.children shows 0 length but has three entries when expanded later
  6. How to implement “select all” check box in HTML?
  7. Resize image with javascript canvas (smoothly)
  8. (HTML) Download a PDF file instead of opening them in browser when clicked
  9. How to append text to a “?
  10. How to delete a localStorage item when the browser window/tab is closed?
  11. HTML/Javascript: how to access JSON data loaded in a script tag with src set
  12. Get list of data-* attributes using javascript / jQuery
  13. Jquery Mobile – $.mobile.changepage not loading external .JS files
  14. Create table with jQuery – append
  15. javascript change background color on click [closed]
  16. How to set HTML content into an iframe
  17. Add elements to the DOM given plain text HTML using only pure JavaScript (no jQuery)
  18. D3js take data from an array instead of a file
  19. Preview images before upload
  20. jQuery equivalent of getting the context of a Canvas
  21. Encoding UTF-8 when exporting HTML table to Excel
  22. What does Angular 2 hashtags in template mean?
  23. Javascript to detect if user changes tab
  24. Save HTML locally with Javascript
  25. Get a number for a style value WITHOUT the “px;” suffix
  26. How to get an element’s padding value using JavaScript?
  27. Connecting to remote SSH server (via Node.js/html5 console)
  28. how to animate drawing lines on canvas
  29. Google Apps Script HTML Form
  30. How to replace the entire html webpage with ajax response?

Leave a Comment