Hình ảnh khởi động không xuất hiện trên ứng dụng web trên màn hình chính bằng cách sử dụng iOS 9

Question

Tôi có một ứng dụng web được đặt làm ứng dụng màn hình chính được nhắm mục tiêu cho Mobile Safari. Tôi có một loạt hình ảnh khởi động được xác định và chúng hoạt động hoàn hảo trên nhiều thiết bị iPad và iPhone chạy iOS 8. Khi tôi thiết lập cùng một ứng dụng trên các thiết bị chạy iOS 9, hình ảnh không xuất hiện.

Tôi đã xác minh hình ảnh có trên máy chủ. Tôi đã xóa ứng dụng khỏi màn hình chính trên cả thiết bị iOS 8 và iOS 9, buộc thoát Safari, xóa bộ nhớ cache, sau đó thêm lại ứng dụng vào màn hình chính. Điều này đã được thực hiện như là một kiểm tra sanity để đảm bảo rằng không có một vấn đề bộ nhớ đệm liên quan.

Tôi đã xem xét cách tiếp cận phổ biến mà làm việc với iOS 8 để xem nếu có một sự thay đổi mà vẫn có thể làm việc, chẳng hạn như những người tìm thấy tại địa chỉ:

• http://taylor.fausak.me/2015/01/27/ios-8-web-apps/
• Mulitple "apple-touch-startup-image" resolutions for iOS web app (esp. for iPad)?
• Is there an equivalent apple-touch-startup-image for the IPAD?

Tất cả điều này dẫn tôi trở lại cùng một vấn đề. Hình ảnh khởi động xuất hiện cho tôi khi chạy iOS 8, nhưng chúng không xuất hiện khi chạy iOS 9.

Có ai khác đang gặp sự cố này không? Nếu hình ảnh khởi động xuất hiện cho bạn bằng ứng dụng màn hình chính chạy iOS 9, các thẻ <link> mà bạn đang sử dụng là gì?

Dưới đây là cấu hình tôi hiện đang có mà làm việc iOS mịn chạy 8:

<!-- STARTUP IMAGES --> 
<!-- iOS 6 & 7 iPad (retina, portrait) --> 
<link href="~/assets/images/startup/startup-1536x2008.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 
<!-- iOS 6 & 7 iPad (retina, landscape) --> 
<link href="~/assets/images/startup/startup-2048x1496.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 
<!-- iOS 6 iPad (portrait) --> 
<link href="~/assets/images/startup/startup-768x1004.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image"> 
<!-- iOS 6 iPad (landscape) --> 
<link href="~/assets/images/startup/startup-1024x748.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image"> 
<!-- iOS 6 & 7 iPhone 5 --> 
<link href="~/assets/images/startup/startup-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 
<!-- iOS 6 & 7 iPhone (retina) --> 
<link href="~/assets/images/startup/startup-640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 
<!-- iOS 6 iPhone --> 
<link href="~/assets/images/startup/startup-320x460.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image"> 

Answer 1

Tôi có cùng một vấn đề với tất cả các Ứng dụng web của tôi trong các thiết bị với IOS9. Có thể thấy rõ ràng rằng WebApps được thực hiện trên các thiết bị IOS9 hiển thị statusBar. Điều này có nghĩa là không gian dành cho hình ảnh startUp không phải là không gian được xác định cho cùng một. Nó có thể là nguyên nhân, nhưng tôi đã không nhận được để chứng minh điều đó. Câu hỏi đặt ra là tại sao IOS9 hiển thị statusBar khi nó đã định cấu hình toàn màn hình?

Answer 2

Tôi rất tiếc phải nói với bạn điều này, nhưng tôi không nghĩ rằng có một linh hồn cho việc này trên iOS 9. Tính năng đó vừa ngừng hoạt động. Tôi đã nghe nhiều người khác có cùng một vấn đề.