Offline-capable applications with HTML5

Without a Net

Article from Issue 145/2012
Author(s):

An offline cache in your browser and a bit of HTML5 acrobatics combine for interactive web applications that keep working even when the Internet connection breaks down.

Web browsers were originally simply viewers for static HTML documents. Since HTML2, browsers have had the capability to capture simple user input with forms and send it to a database on the Internet. For this to work, of course, the system must be connected to the Internet. At every disturbance of the network connection, exasperated users lose their work.

HTML5 [1] includes some powerful features that let web applications operate offline. In this article, I introduce these offline technologies in detail. I'll also show you how to build an example application that implements an offline-capable tool for saving geo-coordinates (geolocations). This app runs on any devices that supports HTML's offline features, including Firefox (currently v14) , Opera (v12), Chrome (v21), Safari, and Internet Explorer (v9).

Understanding Offline HTML

To operate without an Internet connection, an offline HTML5 app must keep an offline copy of the application and any application data. HTML5 defines the following components:

[...]

Use Express-Checkout link below to read the full article (PDF).

Buy this article as PDF

Express-Checkout as PDF
Price $2.95
(incl. VAT)

Buy Linux Magazine

SINGLE ISSUES
 
SUBSCRIPTIONS
 
TABLET & SMARTPHONE APPS
Get it on Google Play

US / Canada

Get it on Google Play

UK / Australia

Related content

  • HTML5 Offline

    An offline cache in your browser and a bit of HTML5 acrobatics combine for interactive web applications that keep working even when the Internet connection breaks down.

  • Firefox OS Smartphones

    JavaScript, HTML5, and a liberal helping of Linux and Android inheritances: This is Firefox OS, the smartphone operating system Mozilla created to push into the low-end smartphone market. We tested the Keon and Peak models by Geeksphone.

  • HTML5 Tools

    “HMTL5 rocks” – and Google is not the only one who feels that way. You will find many resources, frameworks, and utilities that will help you get started with the new standard.

  • HTML5 Tools

    "HMTL5 rocks" – and Google is not the only one who feels that way. You will find many resources, frameworks, and utilities that will help you get started with the new standard.

  • Firefox: New Beta and Security Updates

    Beginning of the week saw the emergence of two Firefox browser releases. They should be a win for stability and security.

comments powered by Disqus