Explicação detalhada do uso do cache manifesto em html5

Este artigo apresenta principalmente a explicação detalhada do uso do cache manifesto no HTML5. O artigo também apresenta algumas ferramentas de automação relacionadas. Amigos que precisam podem se referir à origem.

As páginas da Web antes do HTML5 estavam todas conectadas sem conexões e tinham que estar conectadas à Internet para acessar. Este é realmente um recurso da web. Na verdade, este não é um grande problema para os PCs. No entanto, na era da Internet móvel, o local do terminal do dispositivo não é mais fixo e confia em sinais sem fio, e a confiabilidade da rede se tornou menos confiável. Por exemplo, sentado em um trem e passando um túnel (15 minutos), você não pode acessar o site, o que é muito prejudicial à Web, como páginas nascidas para leitura como "Ecmascript Collection".

O HTML5 apresenta o arquivo de manifesto do cache. Então, o que é o manifesto do cache? Vou falar sobre isso a seguir.

Primeiro de tudo, o manifesto é um arquivo com o nome do sufixo minifest. No arquivo, os arquivos que precisam ser armazenados em cache são definidos. O navegador que suporta manifesto salvará o arquivo localmente de acordo com as regras do arquivo de manifesto, para que a página possa ser acessada sem links de rede.

Quando configuramos o cache do aplicativo corretamente pela primeira vez, quando acessarmos o aplicativo novamente, o navegador verá primeiro se há alguma alteração no arquivo de manifesto. Se houver alguma alteração, ela alterará a correspondente e alterará o cache do aplicativo no navegador. Se não houver alteração, ele retornará diretamente os recursos de cache do aplicativo. O processo básico é assim.

Navegação offline: os usuários podem navegar no conteúdo do site offline.

Velocidade mais rápida: como os dados são armazenados localmente, a velocidade será mais rápida.

Reduza a carga do servidor: o navegador baixará apenas recursos que mudaram no servidor.

Todos os navegadores principais suportam cache de aplicativos, exceto o Internet Explorer. A resposta dada pelo Caniuse é mostrada na figura abaixo.

O HTML adicionou um atributo de manifesto, que pode ser usado para especificar o arquivo de manifesto da página atual.

Crie um arquivo de manifesto com o mesmo nome que HTML. Por exemplo, a página é index.html, você pode criar um arquivo index.manifest e adicionar os seguintes atributos ao index.html html tag: