اي فون شاشة بدء تشغيل التطبيق على شبكة الإنترنت

Question

وأنا أعمل على التطبيق فون على شبكة الإنترنت حيث أنا باستخدام "التفاح المحمول التطبيق على شبكة الإنترنت قادرة" العلامة الوصفية للحصول على "وضع ملء الشاشة". عندما كنت معرفة جميع الأوامر التطبيق أنه يظهر صورة من الصفحة التي تركت في آخر مرة حين يقوم بتحميل. يبدو أن التطبيق هو على استعداد لاستقبال المدخلات عندما لا يكون، وهذا الخلط.

هل من الممكن تغيير السلوك الافتراضي وتظهر شاشة فارغة حتى انها مستعدة لاستقبال المدخلات؟

Answer 1

ووضع هذا بين العلامات رأسك:

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

والصورة التي يجب أن يكون استخدام JPG أو PNG مع دقة 320x460

Answer 2

وهذا سيضيف شاشة البداية إلى تطبيق الويب. وفيما يلي أحجام ستحتاج لباد (سواء شبكية العين وغير)، اي فون / آي بود تاتش (الشبكية وغير)، وفون 5. وتشمل هذه المنطقة شريط الحالة أيضا.

أبل مستندات-إطلاق صور ، <وأ href = "http://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1" يختلط = "noreferrer" > أبل مستندات-أيقونة وصورة الأحجام          

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

إذا خلق تطبيق ويب من أجل التوافق باد من المستحسن أن يتم استخدام كل من المناظر الطبيعية وصورة الأحجام.

Answer 3

ويجب أن يكون 320x460، فإنه لن تعمل إذا 320x480 وضع لها.

Answer 4

ويجب أن تكون الصورة PNG و320x460 هذا يعمل فقط تحت اي فون OS 3.0 أو أعلى.