Màn hình khởi động ứng dụng web iPhone

Question

Tôi đang làm việc trên một ứng dụng web iPhone, nơi tôi đang sử dụng thẻ meta "táo-di động-ứng dụng có khả năng" để có được "chế độ toàn màn hình". Khi tôi lau các ứng dụng nó cho thấy một hình ảnh của trang mà tôi còn lại của thời gian qua trong khi nó tải. Có vẻ như ứng dụng đã sẵn sàng nhận dữ liệu nhập khi không, và điều đó gây nhầm lẫn.

Có thể thay đổi hành vi mặc định và hiển thị màn hình trống cho đến khi nó sẵn sàng nhận đầu vào không?

Answer 1

đặt giữa thẻ HEAD của bạn:

<link rel="apple-touch-startup-image" href="image.jpg"> 

Hình ảnh mà bạn sử dụng phải là JPG hoặc PNG với độ phân giải 320x460

Answer 2

Hình đại diện phải PNG và 320x460 làm việc này chỉ dưới iPhone OS 3.0 hoặc cao hơn.

Answer 3

PHẢI là 320x460, nó sẽ KHÔNG hoạt động nếu 320x480 của nó.

Answer 4

Thao tác này sẽ thêm Màn hình Splash vào Ứng dụng web của bạn. Dưới đây là các kích thước bạn sẽ cần cho iPad (cả võng mạc và không), iPhone/iPod Touch (võng mạc và không) và iPhone 5. Chúng bao gồm cả khu vực thanh trạng thái.

Apple Docs-Launch Images, Apple Docs-Icon and Image Sizes

<!-- iPhone (Retina) --> 
<link href="http://www.example.com/mobile/images/apple-startup-iPhone-RETINA.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 

<!-- iPhone 5 --> 
<link href="http://www.example.com/mobile/images/apple-startup-iPhone-Tall-RETINA.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 

<!-- iPad Portrait --> 
<link href="http://www.example.com/mobile/images/apple-startup-iPad-Portrait.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image"> 

<!-- iPad Landscape --> 
<link href="http://www.example.com/mobile/images/apple-startup-iPad-Landscape.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image"> 

<!-- iPad Portrait (Retina) --> 
<link href="http://www.example.com/mobile/images/apple-startup-iPad-RETINA-Portrait.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 

<!-- iPad Landscape (Retina) --> 
<link href="http://www.example.com/mobile/images/apple-startup-iPad-RETINA-Landscape.jpg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 

Nếu tạo ra một Web App để tương thích iPad nó khuyến cáo rằng cả Cảnh và kích cỡ Portrait được sử dụng.