Application Cache html5
Ola pessoal, estou criando um aplicativo em html5, e quando o dispositivo ficar offline eu quero que ao invés de dar erro de conexão, o usuario seja direcionado para uma pagina especifica, tipo offline.html.
Tentei usar o Application Cache, vi em alguns tutoriais (ex: https://diveintohtml5.com.br/offline.html) mas não esta funcionando, eu fiz dessa forma:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html manifest="cache.appcache">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<h1>ISSO É UM TESTE</h1>
</body>
</html>
**offline.html**<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" manifest="example.appcache">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<h1>ESTOU OFFLINE</h1>
</body>
</html>
**.htacess**AddType text/cache-manifest .appcache
cache.appcache
CACHE MANIFEST
/index.html
FALLBACK:
/ /offline.html
NETWORK:
*
Então resumindo eu criei uma pagina index.html chamando o cache.manifest, o arquivo .htacess conforme solicitado, e a pagina offline que eu gostaria que aparecesse em caso do usuario ficar sem conexão mas enfim não funcionou, alguem pode me ajudar?!
Discussão (7)
Carregando comentários...