Home/ Questions/Q 3808596
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T15:10:20+00:00

With mobile web-apps becoming the ~next big thing.. I developed a small web page

  • 0

With mobile web-apps becoming the ~next big thing.. I developed a small web page with mobile friendly characteristics, It runs great on both Android and i-Phone see here: http://dl.dropbox.com/u/4303088/gadgetdraftoknewdatac.html
It is pure JS..
It gets data from Google Spreadsheets.

I can bookmark it on my Android phone and presumably on a i-Phone as well and since it is pretty small it is fairly responsive, but I cannot prevent the page from reloading. What I’ve read is that I would have to make changes to the webserver to set the page expiration (via headers?). At the moment I’m serving this from servers that I do not have that level of control over. This copy being served from dropbox for instance..

Is there any way to make this act more like an “Installed” app using straight HTML/CSS/JS???

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It would appear that this is what I was looking for.. Will try out shortly!
    http://html5doctor.com/go-offline-with-application-cache/
    The answer is use a Manifest file:

    The manifest file
    The file name is specified in your html 

    <!DOCTYPE html>
<html lang="en" manifest="/offline.manifest">
  // your html document
</html>

    an example of a manifest file.
    Then have a file named offline.manifest <<<< note same name as in your html
    with something like::

    # This is a comment
CACHE:
/css/screen.css
/css/offline.css
/js/screen.js
/img/logo.png

http://example.com/css/styles.css

    And that is it!
    The solution seems to work on modern mobile devices, dramatically reducing DL time after 1st visit.

    • 0