Getting Started with Take me to Cache - for offline mobile web sites and apps

Nice, powerfull app to enable your website to be taken offline. Read more about it in the app-catalog. 

Getting started with Take me to Cache - Offline websites and web apps

In summary you need to do three things to implement this:

  1. Configure the app and let it generate the manifest
  2. Change your skin to include the manifest (so the browser knows that offline is available)
  3. Add scripts to your skin to show users how to take the site offline

Reade more instructions further down and watch this Video from DNN-Connect 2015:

Here the more detailed steps to implement this: 

  1. First: create a hidden - but not protected - page. Call it something like Offline or Cache-Manager or something. 
  2. Add the app to that page - this app is in charge of creating a HTML5 manifest, refreshing it etc.
  3. Configure the start-address in the app
    1. Got to App Config
    2. Click on Edit App Settings
    3. Define the root-page (where the crawler starts)
    4. Also add all files manually which the crawler cannot detect. These are usually files referenced by CSS, like font-files or css-sprites
  4. Close the admin and start the crawler by clicking on Update Manifest - after a few seconds the manifest is ready
  5. Now the <html> tag needs to know which manifest to use. Do it as follows:
    1. note: we'll document this till 2015-06-08
  6. Now, add the scripts to your skin which will tell the user about taking offline
    1. note: we'll document this till 2015-06-08
  7. If you also care about the nice logo, read [todo]

 

  1. App: Take me to Cache - for offline mobile web sites and apps (v. 01.04.00)
  2. Guid: 75f60721-c8ca-4b02-8c26-26e35fdff539
  3. Look at the Demo Page
  4. Created by 2sic Internet Solutions
Responsive Mobile Razor Tutorial Stable / For Use in Live Sites


Security: All seems OK 👌

This is based on your Dnn and 2sxc .