Заставка для iPhone и iPad в одном приложении HTML / Javascript

Question

Я создаю приложение на HTML и javascript для iPhone и iPad.
Мне бы хотелось иметь заставку для обоих устройств, поскольку они должны иметь разные размеры.

Я знаю, что естьтег ссылки «apple-touch-startup-image», позволяющий указать ссылку на изображение заставки.

Что мне делать, если я хочу указать 2 разные ссылки?Я поставил 2 тега ссылки с rel = "apple-touch-startup-image" и 2 разных URL-адреса?

Будет ли мобильное устройство использовать правильный тег, если я соблюдаю здесь соглашение об именовании? Какие размеры используются для заставки iOS-приложения?

Спасибо!

Answer 1

Только что разобрался, как это сделать, и это похоже на настройку apple-touch-icon.

Вот мой пример:

<link rel="apple-touch-startup-image" href="iPhonePortrait.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="iPadPortait.png" />

Просто установите атрибут «размеры» в соответствии с определенной шириной и высотой, и мобильный Safari должен соответствовать ему правильно Вы также можете увидеть различные значения ширины / высоты по размещенной вами ссылке. Надеюсь, что это работает!

Answer 2

Я не верю, что это возможно в веб-приложениях. Соглашение об именах в этом вопросе не будет работать, оно предназначено для нативных приложений.