Comentário: Hoje, nosso conteúdo é sobre como criar aplicativos da Web offline. A vantagem é que ele permite ao navegador baixar os recursos da Web que especificamos para que os usuários possam usar nosso site normalmente enquanto offline.
Hoje, nosso conteúdo é sobre como criar aplicativos da Web offline. A vantagem é que o navegador pode baixar os recursos da Web que especificamos para que os usuários possam usar nosso site normalmente enquanto offline.
1. Defina manifesto
Utilizamos o manifesto para listar recursos que precisam ser acessados quando offline. É em si um arquivo do tipo texto. A primeira linha geralmente se manifesta e liste os recursos de que precisamos, um por linha. Não há regras de nomeação fixa para arquivos e não há requisitos para nomes de sufixo. O único requisito é definir os nomes do sufixo no lado do servidor como o tipo MIME tipo de texto/manifesto de cache.
Se for um servidor IIS 7, siga as etapas abaixo:
1. Por exemplo, se o sufixo for .Appcache, abra o IIS7 e selecione o nó raiz (isso será herdado de todos os sites e também poderá ser configurado para um único site);
2. Clique duas vezes no tipo MIME à direita;
3. Clique com o botão direito do mouse para adicionar o tipo MIME, para que a configuração seja concluída.
Após a conclusão da configuração do servidor, adicione o arquivo de manifesto.
Manifesto de cache
manifestfile.html
img/1.jpg
IMG/2.JPG
IMG/3.JPG
Então vamos olhar para o exemplo a seguir.
<! Doctype html>
<html manifest = "manifest.appcache">
<head>
<title> Exemplo </title>
<estilo>
img
{
Fronteira: preto duplo médio;
preenchimento: 5px;
margem: 5px;
}
</style>
</head>
<Body>
<img src = "img /1.jpg" />
<div>
<butto> car1 </botão>
<but uma botão> car2 </botão>
<butto> car3 </botão>
</div>
<Cript>
varons varons = document.getElementsByTagName ('botão');
for (var i = 0; i <botões.length; i ++) {
botões [i] .OnClick = HODEBTOTONPRESS;
}
Função HODEBTOTTONPress (e) {
document.getElementById ('imgtarget'). src = 'img/' + e.target.id + '.jpg';
}
</script>
</body>
</html>
Quando o programa é executado, dependendo do navegador, alguns navegadores perguntam se você permite que os dados offline sejam salvos localmente e outros não. Um aplicativo offline tão simples é criado.
2. Respostas para dúvidas
Também encontrei alguns problemas e dúvidas ao aprender essa parte do conhecimento, como:
1. Por que estou executando o VS2010 diretamente (meu ambiente de desenvolvimento) e o aplicativo offline não é executado corretamente?
2. Como sei se o aplicativo offline foi criado com sucesso?
3. Como sei se o aplicativo atual está offline?
4. Depois de fazer uma pausa no serviço do IIS, ele deve estar offline. Por que relato um erro 404 quando refresco a página?
Agora vou responder a essas perguntas que encontrei.
2.1. Explique a primeira pergunta primeiro. Em relação a esse problema, o ponto principal é como o item de configuração da Web do aplicativo está configurado. Se você usar a forma de um servidor de desenvolvimento VS, não termos como definir o tipo MIME, portanto, neste caso, nosso aplicativo offline não poderá ser usado. Para os dois métodos restantes de configuração da Web, desde que você siga o método do tipo MIME que introduzi acima para configurar o servidor IIS, seu aplicativo offline será executado corretamente.
2.2. O segundo problema é explicado abaixo. Aqui precisamos usar a ferramenta de depuração do navegador Chrome, usar o navegador Chrome para abrir nosso programa da Web, pressionar F12 e mudar para a guia Recursos. Desde que nossas informações de configuração sejam encontradas no cache do aplicativo e o arquivo em cache possa ser encontrado, isso prova que nosso aplicativo offline foi criado com sucesso.
2.3. Ou use a ferramenta de depuração do Chrome, ou na guia Recursos, observe que a bobina vermelha vive no local, online significa online.
Desconecte o cabo de rede e exiba offline, o que significa offline. No momento, o efeito do aplicativo offline pode ser mostrado.
2.4. Em relação à última pergunta, ainda precisamos usar a ferramenta de depuração do navegador Chrome. Quando pausamos o serviço do IIS, analisamos a exibição da guia Recursos. Ainda está online, mas passa de ocioso para obsoleto mais tarde. Isso também explica por que o efeito offline do aplicativo offline não pode ser exibido quando o IIS local estiver em pausa.
Este é o conteúdo desta seção.