Bonjour,
J'ai récemment développé une application web mobile pour mon stage, j'utilise l'HTML5, CSS3, JQuery mobile... bref, depuis peu j'essaye d'ajouter le coté offline pour mon application, je teste avec une page, ça fonctionne correctement sur Chrome, sur Firefox ( sauf que je n'arrive pas à afficher le contenu de l'appcache comme sur chrome ), mais mon vrai problème vient de Opera(v12), quand je lance la page, Opera me demande l'autorisation pour enregistrer les données du manifest, sauf que quand j’accède aux ressources, aucun fichier ne semble s'être enregistré, et quand j'active le mode offline de Opera, des fois j'ai juste la structure de la page sans CSS et des fois ça ne marche pas carrément.
J'ai cherché partout mais je ne trouve pas la solution, si une âme charitable pouvais me donner un coup de pousse.
<gras>le code de ma page sur laquelle je teste le manifest</gras>
[code]
<?php echo '<?xml version="1.0" encoding="UTF-8"?>'; ?>
<!DOCTYPE html>
<html manifest="site.appcache">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Cache-Control" content="max-age=600" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<!-- jquery mobile -->
<link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
<!-- jquery mobile -->
<link rel="stylesheet" href="css/globale.css"/>
<link rel="stylesheet" href="css/index.css"/>
<title>Bienvenu sur Intranet Mobile</title>
</head>
<body>
<?php
include 'views/mobile/login.html';
?>
<!-- jquery mobile -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write("<script src='js/jquery-1.8.min.js'>\x3C/script>")</script>
<script src="js/jquery.mobile-1.1.1.min.js"></script>
<!-- jquery mobile -->
</body>
</html>
[/code]
<gras>Le manifest</gras>
[code]
CACHE MANIFEST
CACHE:
---------------- JQuery mobile -----------------js/jquery-1.8.min.js
js/jquery.mobile-1.1.1.min.js
css/jquery.mobile-1.1.1.min.css
css/images/ajax-loader.gif
css/images/ajax-loader.png
css/images/icons-18-black.png
css/images/icons-18-white.png
css/images/icons-36-black.png
css/images/icons-36-white.png
css/globale.css
-------------- page index ---------------index.php
img/blockbackground.png
img/LogoPresence.png
css/index.css
[/code]