Начиная с обновления моего iPhone 5 до бета-тестирования iOS 9, я обнаружил, что мета-тег стиля панели состояния и загрузочные образы на моем автономном веб-приложении перестали работать. Он отлично работал в iOS8, поэтому я немного смущен. Я надеюсь, что это всего лишь ошибка, которая будет исправлена с окончательной версией, но я, хотя я бы посмотрел, есть ли у кого-нибудь другие предложения, что может вызвать это.
Любые идеи людей?
<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="#" onclick="location.href='http://jupix.com/wp-content/themes/jupix/images/favicons/favicon-32x32.png'; return false;" sizes="32x32">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="#" onclick="location.href='http://jupix.com/wp-content/themes/jupix/images/favicons/apple-touch-icon-57x57.png'; return false;">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="#" onclick="location.href='http://jupix.com/wp-content/themes/jupix/images/favicons/apple-touch-icon-72x72.png'; return false;">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="#" onclick="location.href='http://jupix.com/wp-content/themes/jupix/images/favicons/apple-touch-icon-120x120.png'; return false;">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="#" onclick="location.href='http://jupix.com/wp-content/themes/jupix/images/favicons/apple-touch-icon-144x144.png'; return false;">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="#" onclick="location.href='http://jupix.com/wp-content/themes/jupix/images/favicons/apple-touch-icon-152x152.png'; return false;">
<!-- 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>