Comentário: os aplicativos da Web de hoje já são muito complexos e, com o desenvolvimento atual, eles se tornarão cada vez mais complexos, mas têm uma falha fatal e não podem ser separados do link da Internet. Portanto, uma API é adicionada ao HTML. Ele usa um mecanismo de armazenamento local para resolver bem esse problema e abrir caminho para aplicativos da Web offline.
Prefácio
Hoje, os aplicativos da Web já são muito complexos e, com o desenvolvimento atual, eles se tornarão cada vez mais complexos, mas têm uma falha fatal e não podem ser separados dos links da Internet. Portanto, uma API é adicionada ao HTML.
Ele resolve esse problema bem com um mecanismo de armazenamento local, abrindo caminho para aplicativos da Web offline.
Cache local em cache do navegador
O cache local é usado para servir todo o aplicativo da web
O cache do navegador serve apenas uma única página da web </p> <p> Qualquer página da web tem um cache da página da web
O cache local apenas armazena em cache as páginas que você especificou para cache </p> <p> cache da página da web não é confiável e inseguro, porque não sabemos quais páginas e recursos são armazenados em cache no site.
O cache local controla qual conteúdo está em cache
arquivo de manifesto
O cache local dos aplicativos da Web é gerenciado através do arquivo de manifesto de cada página. Manifest é um texto simples no qual os nomes e caminhos dos arquivos que precisam ser armazenados em cache e não precisam ser armazenados em cache na forma de um manifesto.
Você pode especificar o manifesto para cada página ou para todo o aplicativo. Por exemplo, definimos para hello.htm:
Manifesto de cache
Cache:
Outros.html
hellow.js
imagens/myphoto.jpg
REDE:
Noffline.asp
*
CAIR PRA TRÁS:
online.js loce.js
Cache:
newhellow.html
newhellow.js
No arquivo de manifesto, a primeira linha deve ser um manifesto de cache para informar ao navegador a função do texto, ou seja, para definir os arquivos de recursos no cache local.
Ao realmente executar aplicativos da Web offline, o servidor precisa ser configurado para permitir que o servidor suportasse o MIME Type Text/Cache-manifest.
Ao especificar o arquivo de origem, os arquivos de recursos podem ser divididos em três categorias: cache, rede e fallback
Porque se uma página tiver um arquivo de manifesto, o navegador cache automaticamente a página localmente </p> <p> A categoria de rede é um arquivo de recursos explícitos que não está em cache. Esses arquivos só podem ser acessados estabelecendo um link do lado do servidor. Neste exemplo, os caracteres curinga * indicam que aqueles que não são gravados não são armazenados em cache </p> <p> Dois arquivos de recursos são especificados em cada linha na categoria Fallback. O primeiro arquivo de recursos é um arquivo de recursos que pode ser usado quando acessado on -line e o segundo é um arquivo de cache local que não pode ser usado quando acessado online.
Processo de interação do navegador e do servidor
Ao trabalhar com aplicativos da Web offline, é necessário entender a interação entre o navegador e o servidor:
Por exemplo, se o index.htm for usado como página inicial, a página inicial usa index.Manifest.
Cache index.htm, hello.js, hello.jpg no arquivo. O processo para o primeiro acesso é o seguinte:
URL de solicitação do navegador
O servidor retorna ao index.htm homepage
O navegador analisa a página da Web Index.htm e solicita todos os arquivos de recursos na página.
O servidor retorna o arquivo de recurso
O navegador processa o arquivo de manifesto e solicita o arquivo que precisa ser armazenado em cache no manifesto. Mesmo que a solicitação tenha sido feita, ela será solicitada novamente.
O servidor retorna o arquivo que precisa ser armazenado em cache
O navegador atualiza o cache local, armazena o arquivo de recursos e aciona um evento para notificar o cache local para atualizar </p> <p> Abrir o URL novamente
Solicitar url
O navegador descobre que a página está em cache, por isso usa o arquivo de cache local
Analisar arquivos
Navegador como solicitações de servidor arquivo manifesto
O servidor retorna 304, notificando que o arquivo manifesto não mudou (se mudar, será diferente)
objeto ApplicationCache
Este objeto representa um cache local, que pode ser usado para notificar o usuário de que o cache local foi atualizado e também permite atualização manual do cache local.
Anteriormente, quando o navegador atualizar o cache local e carregar um novo arquivo de recursos, o evento Updateready do objeto ApplicationCache será acionado, notificando o cache local que foi modificado e, em seguida, solicitando que o usuário atualize a página manualmente.
swapcache
O método Swapcache é usado para executar manualmente atualizações em armazenamento em cache locais. Ele só pode ser chamado quando o evento UpdateReady do objeto ApplicationCache for acionado.
Ou seja, quando o arquivo de recurso muda, você pode usar esse método para cache manualmente a atualização.