style pwa medium bar apps apple app ios iphone meta-tags iphone-standalone-web-app ios9

pwa - Los metadatos de la barra de estado de la barra de estado de iOS 9 y la imagen de inicio no funcionan



web app manifest ios (2)

Desde que actualicé mi iPhone 5s al iOS 9 beta de prueba, descubrí que la metaetiqueta de estilo de la barra de estado y las imágenes de inicio en mi aplicación web independiente han dejado de funcionar. Funcionaba perfectamente bien en iOS8, así que estoy un poco confundido. Espero que esto sea solo un error que se solucionará con la versión final, pero pensé que vería si alguien tiene alguna otra sugerencia sobre lo que podría estar causando esto.

¿Alguna gente de ideas?

<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>