La balise Meta de la barre d'état iOS 9 et les liens d'image de démarrage ne fonctionnent pas
Depuis la mise à jour de mon iPhone 5 vers la version bêta d'iOS 9, j'ai constaté que la balise Meta de style de la barre d'état et les images de démarrage de mon application Web autonome ne fonctionnaient plus. Cela fonctionnait parfaitement bien dans iOS8, donc je suis un peu confus. J'espère que ce n'est qu'un bug qui sera corrigé avec la version finale, mais je pensais que je verrais si quelqu'un a d'autres suggestions sur ce qui pourrait provoquer cela.
Des idées des gens?
<head>
<meta charset="utf-8">
<!-- Viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta name="Apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<!-- Status bar styles -->
<meta name="Apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Telephone format detection -->
<meta name="format-detection" content="telephone=no">
<!-- Title -->
<meta name="Apple-mobile-web-app-title" content="My App">Stat
<title>My App</title>
<!-- Path to Library CSS-->
<link rel="stylesheet" href="../resources/font-awesome-4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../resources/bootstrap-3.3.5-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../resources/jasny-bootstrap/css/jasny-bootstrap.min.css">
<!-- Path to your custom app styles-->
<link rel="stylesheet" href="../css/app.css">
<!-- Favicons -->
<link rel="icon" type="image/png" href="http://jupix.com/wp-content/themes/jupix/images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="Apple-touch-icon-precomposed" sizes="57x57" href="http://jupix.com/wp-content/themes/jupix/images/favicons/Apple-touch-icon-57x57.png">
<link rel="Apple-touch-icon-precomposed" sizes="72x72" href="http://jupix.com/wp-content/themes/jupix/images/favicons/Apple-touch-icon-72x72.png">
<link rel="Apple-touch-icon-precomposed" sizes="120x120" href="http://jupix.com/wp-content/themes/jupix/images/favicons/Apple-touch-icon-120x120.png">
<link rel="Apple-touch-icon-precomposed" sizes="144x144" href="http://jupix.com/wp-content/themes/jupix/images/favicons/Apple-touch-icon-144x144.png">
<link rel="Apple-touch-icon-precomposed" sizes="152x152" href="http://jupix.com/wp-content/themes/jupix/images/favicons/Apple-touch-icon-152x152.png">
<!-- Startup images -->
<link rel="Apple-touch-startup-image" href="media/img/startup/iphone-6-plus.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
<link rel="Apple-touch-startup-image" href="media/img/startup/iphone-6.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)">
<link rel="Apple-touch-startup-image" href="media/img/startup/iphone-5.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)">
</head>
<body>
<div>HTML Goes Here</div>
<!-- Scripts -->
<script type="text/javascript" src="../resources/jquery-1.11.3/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../resources/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../resources/jasny-bootstrap/js/jasny-bootstrap.min.js"></script>
<script type="application/javascript" src="../resources/fastclick-master/lib/fastclick.js"></script>
<script type="text/javascript" src="../resources/bouncefix.js-master/dist/bouncefix.min.js"></script>
<script type="text/javascript" src="../js/app.js"></script>
</body>
</html>
https://forums.developer.Apple.com/thread/9819 : Fonctionne enfin sur 9.2 beta 1
Ce bogue persiste dans iOS 9 selon Apple Forums des développeurs. https://forums.developer.Apple.com/thread/9819 et il est fermé https://github.com/nolimits4web/Framework7/issues/531