Aplicações web offiline

Aplicações web offline HTML 5

Em um primeiro momento, parece uma contradição de termos. Páginas da web são coisas que você faz download e renderiza. Download implica conexão com a rede. Como você pode fazer download quando você está offline? É claro, você não pode. Mas você pode fazer download quando você está online. E é assim que as aplicacões offline da HTML5 funcionam.

Como Funciona

De forma simples, uma aplicacão web offline é uma lista de URLs — HTML, CSS, JavaScript, imagens, ou qualquer tipo de recurso. A página inicial de uma aplicação web offline aponta para essa lista, chamado de arquivo manifesto, que é apenas um arquivo texto localizado em qualquer lugar no servidor web. Um navegador web que implementa aplicações offline emHTML5 irá ler a lista de URLs do arquivo manifesto, fazer download dos recursos, realizar o cache deles localmente, e automaticamente manter os arquivos locais atualizados à medida que são alterados. Quando chegar a hora em que você tentar acessar as aplicações web sem uma conexão de rede, seu navegador web irá automaticamente apontar para as cópias locais.

Uma aplicação web offline utiliza um arquivo de manifesto cache. Um arquivo manifesto é uma lista de todos os recursos que a sua aplicação web irá precisar acessar quando estiver desconectada de uma rede. Afim de iniciar o processo de download e cache desses recursos, você irá precisar apontar para o arquivo manifesto, utilizando o atributo manifest no seu elemento .

...

Os arquivos de manifesto cache podem estar localizado em qualquer lugar do servidor web, mas precisam estar servido sob o tipo de conteúdo text/cache-manifest.

Tipos de arquivos manifest

A primeira linha de todo arquivo de manifesto cache é:

CACHE MANIFEST

Depois disso, todos os arquivos manifesto são divididos em três partes: a seção CACHE (explícita), a seção NETWORK (lista branca online), e a seção “fallback”. Essas seções podem aparecer em