Comentário: Abra uma página da Web e, após o carregamento, se a rede estiver desconectada repentinamente, a página desaparecerá após você atualizar. Como você pode impedir que essa situação aconteça? O surgimento de html5 nos fez repentinamente esclarecidos, e explicaremos em detalhes para você a seguir
Abra uma página da Web e, após o carregamento, se a rede estiver de repente desconectada, a página desaparecerá após a atualização.Você já pensou que, depois de atualizar a página, ainda será a página agora, abra outra página em uma nova janela, digite o mesmo URL e abra a página se estiver fora da rede. . Os aplicativos offline HTML5 estão fornecendo esse recurso.
Quando os dados na página são carregados, você pode definir algumas imagens, Flash, CSS, JS, HTML e outros arquivos a serem armazenados em cache por você mesmo. Quando os dados na página não estão conectados à Internet na próxima vez, você pode usar esses arquivos em cache. Este é o aplicativo offline do HTML5.
De fato, é muito simples de implementar.
Um servidor é necessário. Aqui usamos o servidor Tomcat para explicar.
Primeiro, configure o tipo de mina do arquivo com o sufixo .Manifest no texto/manifestação de cache.
Ao falar sobre a configuração do TomCat, amigos familiares pensam naturalmente no arquivo web.xml. Sim, basta adicionar a seguinte configuração ao arquivo:
<Mime-mapping>
<Extension> Manifesto </nstension>
<MIME-TYPE> Texto/cache-manifest </mime-type>
</MIME-MAPPING>
Em seguida, escreva um arquivo xxx.Manifest, xxx é um nome que você escolheu. O formato deste arquivo é o seguinte:
Manifesto de cache
#version 1.5
Cache:
Mytest.html
Css/main.css
Javascript/bwh5ls.js
Exp-calif-logo.gif
A primeira linha é necessária, que identifica este é o arquivo de configuração para o manifesto.
#version 1.5
Esta frase é um comentário e não tem efeito prático. Eu só quero que o navegador atualize o arquivo de cache aqui. Porque quando o arquivo de manifesto é o mesmo de antes, o navegador não recarregará o arquivo de cache, para que possamos usar esse comentário para modificar o número da versão, por um lado, e deixar o navegador atualizar o cache, por outro.
Cache:
Esta linha indica que o seguinte arquivo deve ser armazenado em cache. No exemplo, a página atual: mytest.html, bem como alguns arquivos e imagens CSS e JS são armazenados em cache.
Existem várias palavras -chave não mencionadas nos exemplos, ou seja,
REDE:
CAIR PRA TRÁS:
Rede refere -se a uma página que não deseja armazenar em cache; Fallback refere -se a uma alternativa quando o arquivo solicitado não é encontrado ou o servidor do arquivo não está respondendo. Por exemplo, queremos solicitar uma página aninhada, mas o servidor desta página não pode se conectar, para que eu possa recorrer a outra página especificada.
Esta é a segunda etapa e a terceira etapa. Basta adicionar a posição de manifesto à tag <html>:
<html manifesto = name.Manifest>
Neste ponto, você pode realizar aplicativos offline simples.
Onde estão os arquivos em cache colocados?
Testado no Chrome, descobri que ele salvou esses arquivos em pedaços de acordo com seu próprio mecanismo, para não encontrar o arquivo completo. Os dados salvos são:
Não sei como salvá -lo em c:/users/jasonling/appdata/local/google/chrome/user dados/inadimplacente.
Os arquivos no Firefox também são armazenados de acordo com seu próprio mecanismo, mas depois que os abri com o SQLite, encontrei as informações específicas do arquivo em cache:
Se os leitores estiverem interessados, eles podem experimentar para ver se haverá novas descobertas.