html doc download for devices

  • Started
  • Last post
  • 3 Responses
  • wwfc

    hoping there might be someone on here that will be able to point me in the right direction with something...

    i've created a (couple of) html page that is sort of an ebook - basically the user swipes from spread to spread etc... not rocket science by any means... all html/jquery and a splash of swiffy...

    but now i need to package it in a a way that people can download it to their desktop or device - the former is easy enough i guess... main doc and all src folders hidden away within the downloaded folder (bit like the old flash standalone projector) - but how can it be done when the user/downloadee (is that even a word?) is on a tablet or phone?

    is it simply a case of needing to play by and adhere to apple's rules and protocol... or is there a workaround?

    ideally the user will be able to download and keep it (for free) and open/look at it regardless of being on or offline...

    just wondering how you guys do this kind'o'shizzle...

    anyone?

  • chrisRG0

    you need 2 things:

    1) Add to home screen
    http://cubiq.org/add-to-home-scr…

    2) Use html5 cache for offline usage
    http://www.html5rocks.com/en/tut…

    hope it helps

    • okay - perfect... thanks for this... much appreciated indeed :-)wwfc
  • wwfc0

    oooh... and on a side note... what is the script that makes a page full screen width/height on tablets and phones? and also hides the toolbar on mobile browsers?

    you know what i mean? so it goes full height and width and basically fills the entire screen real estate...

    i had one that worked a few years back - but no longer seems to do the trick...

  • colossalhead0

    You want to use: <meta name="apple-mobile-web-app-capable" content="yes">

    See details for this and others here:

    https://developer.apple.com/libr…

    Also to chime in about AppCache... For simple content it can work quite well - but it can break easy and debugging it is problematic (you don't get a lot of information as to why things aren't working). But basically in any page you want to cache every single image, linked file, etc. should be included in the manifest. Also if there is dynamic content, you have other considerations to make as well... i.e. when the content changes (say with a new image) the the manifest needs to be updated as well.

    • nice one for that snippet :-)

      the app cache thing? it's all fairly simple not too much going on to make things break...
      he says optimistically!!!! ;-)
      wwfc