iPhone 4 Retina "Apple-touch-startup-изображение" для веб-приложений -- iphone поле с участием web-applications поле с участием mobile-safari поле с участием iphone-4 поле с участием retina-display пол Связанный проблема

iPhone 4 Retina “apple-touch-startup-image” for Web-apps


20
vote

проблема

русский

Это было задано несколько раз здесь, но без твердого и понятного ответа. Это веб-приложение , а не натуральное приложение.

Я использую:

 <код> <link rel="apple-touch-startup-image" href="images/startup.png" />   

Чтобы отобразить изображение запуска. Он отлично загружает, если разрешение изображения 320x460. Я пытался использовать резолюцию сетчатки, которое составляет 640x920 (40px, вынимаются строкой состояния), которые не работали. Я попробовал <код> @2x вещи, которые тоже не удалось.

Это даже возможно [все же]?

Английский оригинал

This has been asked multiple times here, but without a solid and understandable answer. This is a web-app, not a native-app.

I'm using:

<link rel="apple-touch-startup-image" href="images/startup.png" /> 

to display the startup image. It loads fine if the image's resolution is 320x460. I tried using the retina's resolution which is 640x920 (40px are taken out by the status bar), that didn't work. I've tried the @2x thing, that failed too.

Is it even possible [yet]?

</div
              
   
   

Список ответов

12
 
vote
vote
Лучший ответ
 

Это добавит всплеск экрана в ваше веб-приложение. Ниже приведены размеры, которые вам понадобится как для iPad, так и для iPhone / iPod Touch, они также включают в себя область строки состояния.

 <код>     <!-- iPhone -->     <link href="http://www.example.com/mobile/images/apple-startup-iPhone.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">      <!-- 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">   

Если создание веб-приложения для совместимости iPad рекомендуется, чтобы как ландшафтные, так и портретные размеры используются.

 

This will add a Splash Screen to your Web App. Below are the sizes you’ll need for both iPad and iPhone/iPod Touch, these include the status bar area as well.

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

If creating a Web App for iPad compatibility it’s recommended that both Landscape and Portrait sizes are used.

</div
 
 
       
       
6
 
vote

Документация (найдена здесь ) говорит:

На iPhone и iPod Touch изображение должно быть 320 x 460 пикселей и в портретной ориентации.

Я проверил, обеспечивая разные размеры, но если размер не ровно 320x460, изображение просто игнорируется. Нет четкостного заявления от Apple, можно ли включить фотографии Singup High Res, но посты на форуме (например, здесь: Apple dev forum ) предполагает, что он в настоящее время невозможно.

 

The documentation (found here) says:

On iPhone and iPod touch, the image must be 320 x 460 pixels and in portrait orientation.

I have tested providing different sizes, but the if the size is not exactly 320x460, the image is simply ignored. There is no clear statement from apple whether it is possible to include high res startup images, but forum posts (eg here: Apple Dev Forum) suggest that it is currently not possible.

</div
 
 
   
   
5
 
vote

Просто тестирование ... Apple добавила атрибут «Размеры». Итак, для Hi-Res, вы добавляете размеры = «640x920» и т. Д. Я полагаю, что это работает для разной ориентации.

 

Just did the testing... apple have added the "sizes" attribute. so, for hi-res, you add sizes="640x920", etc. I suppose this works for different orientation too.

</div
 
 
   
   
0
 
vote

Это работает для меня:

 <код> <link rel="apple-touch-startup-image" media="screen and (max-device-width: 320px)" href="images/iphone_splash.png"/> <link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="images/iphone_splash_hires.png" />   
 

This works for me:

<link rel="apple-touch-startup-image" media="screen and (max-device-width: 320px)" href="images/iphone_splash.png"/> <link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="images/iphone_splash_hires.png" /> 
</div
 
 
0
 
vote

Так что, если я хорошо понимаю, мы на самом деле нуждаются 8 Различные изображения, учитывая, что мы имеем 3 Параметры, чтобы принять во внимание:

    .
  • устройство (iPhone или iPad)
  • разрешение (сетчатка или нет)
  • Ориентация (портрет или пейзаж)

Я прав?

 

So if I understand well, we actually need 8 different images considering we have 3 parameters to take into account:

  • Device (iPhone or iPad)
  • Resolution (retina or not)
  • Orientation (portrait or landscape)

Am I right?

</div
 
 
 
 

Связанный проблема

47  Получение ошибки от push-уведомления  ( Getting an error from push notification ) 
В моем приложении мне нужны push-уведомления. Я реализую все инструкции от Docs push-уведомления. Но я получил ошибку от push-уведомления: <код> Fail To Reg...

2  IPhone UiableView подавляет кнопку раскрытия, когда кнопка «Удаление» отображается  ( Iphone uitableview suppress disclosure button when delete button is displayed ) 
У меня есть <код> UITableView , который имеет кнопку раскрытия на каждой строке. Когда таблица введена в режим редактирования, и управление удалением нажата (...

69  Объективная категория, вызывающая непризнанный селектор  ( Objective c category causing unrecognized selector ) 
Мой проект имеет <код> UIImage Функция категории, которую я хочу позвонить из другого класса. Я правильно импортирую файл заголовка для категории изображений...

2  IOS: Как нарисовать линию между двумя движущимися объектами?  ( Ios how to draw a line between two moving objects ) 
Я в основном имеющую массив объектов UIView, которые находятся на экране. Они перемещаются случайным образом вокруг, и я хотел бы иметь строку, соединяющую ка...

8  Как обрезать изображение в частях программно  ( How to crop image in to pieces programmatically ) 
Мне нужно разделить изображение на 9 штук программно. Любые предложения о том, как это сделать? ...

0  Могу ли я использовать зону памяти, чтобы убить утечки iPhone?  ( Can i use a memory zone to kill iphone leaks ) 
У меня есть класс C ++, который я использую с моим контроллером Objective-C ++ в моем приложении iPhone. Класс C ++ делает некоторые расчеты на некоторых данн...

4  Основные данные Nsfetchrequest также выбирают детей объектов объекта  ( Core data nsfetchrequest also fetches children objects of the entity ) 
Я новичок в iOS Dev и основные данные. У меня есть родительский NsmanageObject <код> @class Units; @interface Properties : NSManagedObject @property (nonat...

1  Обновите и вставьте объемные данные XML в мою базу данных SQLite  ( Update and insert bulk xml data into my sqlite database ) 
Я хочу загрузить хостованный XML документ в базу данных My приложения SQLite, обновляя существующие строки или вставляя новые строки данных по мере необходимо...

3  Facebook IOS SDK: войдите в Facebook без всегда просить разрешений для приложения  ( Facebook ios sdk login to facebook without always ask for permissions for the a ) 
Я использую Facebook iOS SDK в моем приложении, и у меня есть два подобных вопроса: Есть ли способ узнать, есть ли в настоящее время войти пользователя? ...

15  Как получить все записи NSFetchedResultScontroller / NsmanageObjectContext?  ( How to get all entries of a nsfetchedresultscontroller nsmanagedobjectcontext ) 
У меня есть хорошее рабочее приложение для iPhone, которое работает с основными данными. Я использую NSFetchedResultScontroller / NSManageObjectContext, как о...

0  Получение неправильной аннотации от метода делегата MapView  ( Getting wrong annotation from mapview delegate method ) 
Я объявил следующее в своем файле .h: <Код> Annotation *annoForMoreDetails . Однако, когда я пытаюсь установить его в текущую аннотацию в методе <Код> -...

1  Как изменить XIB в приложении вкладывателя?  ( How to change xib in a tab bar application ) 
Мое приложение для iPhone основано на панели вкладка, но я хотел бы выстрелить действие, которое полностью выключает View Controller Tab Bar полностью и замен...

17  iPhone: камера Autofocus Observer?  ( Iphone camera autofocus observer ) 
Я хотел бы знать, можно ли получать уведомление о Autofocus внутри приложения для iPhone? I.e, существует ли у него способ быть уведомленным, когда автофоку...

1  Нужно, чтобы получить доступ к URL в моем одном представлении ИОС приложения с помощью веб-просмотра  ( Need to access the url in my single view ios application using web view ) 
<Р> У меня есть один вопрос относительно WebView. У меня есть URL-адрес, и нужно, чтобы запустить этот URL в WebView. и мой код здесь идет .. <код> NSLog(@"R...

7  Никогда не получайте загрузку данных в Google API для iOS  ( Never getting uploading data progress in google api for ios ) 
Я использую Googledrive API в своем приложении, чтобы загрузить файлы из моего приложения. До сих пор мне удалось найти хорошие результаты для загрузки всех т...

Связанный проблема

47  Получение ошибки от push-уведомления 
2  IPhone UiableView подавляет кнопку раскрытия, когда кнопка «Удаление» отображается 
69  Объективная категория, вызывающая непризнанный селектор 
2  IOS: Как нарисовать линию между двумя движущимися объектами? 
8  Как обрезать изображение в частях программно 
0  Могу ли я использовать зону памяти, чтобы убить утечки iPhone? 
4  Основные данные Nsfetchrequest также выбирают детей объектов объекта 
1  Обновите и вставьте объемные данные XML в мою базу данных SQLite 
3  Facebook IOS SDK: войдите в Facebook без всегда просить разрешений для приложения 
15  Как получить все записи NSFetchedResultScontroller / NsmanageObjectContext? 
0  Получение неправильной аннотации от метода делегата MapView 
1  Как изменить XIB в приложении вкладывателя? 
17  iPhone: камера Autofocus Observer? 
1  Нужно, чтобы получить доступ к URL в моем одном представлении ИОС приложения с помощью веб-просмотра 
7  Никогда не получайте загрузку данных в Google API для iOS