Использование PhoneGap для зеркалирования iPad на втором экране (HD)

Question

Мы рассматриваем возможность использования PhoneGap для приложения для iPad, которое мы разрабатываем. Мы бы предпочли разработать его на HTML5 / CSS3 / JS (с которым мы очень хорошо знакомы), поэтому инфраструктура PhoneGap, очевидно, привлекательна для нас.

У меня, однако, есть один вопрос. Наш клиент будет использовать приложение на iPad, но подключаться к HD-дисплею для зеркального отображения контента. Проблема iPad в 4: 3 и экран HD в 16: 9. Используя чистый Objective-C, мы прочитали о способах отображения другого содержимого на втором экране и / или увеличения его размера (чтобы предотвратить появление черных полос по бокам).

Мой вопрос, можем ли мы решить эту проблему с помощью PhoneGap? Способен ли адаптивный CSS справиться с этим? Использование CSS3 Media Queries и т. Д.? Или нам придется пойти по пути разработки приложения Objective-C с нуля?

Ура!

Answer 1

Из моего опыта такие вещи, как Media Queries, очень плохо работают в PhoneGap.Например, в то время как PhoneGap задает вам следующее на вашей странице index.html:

<link media="only screen and (max-device-width: 480px)" href="css/iphone.css" type="text/css" rel="stylesheet" />
<link media="only screen and (max-device-width: 1024px)" href="css/ipad.css" type="text/css" rel="stylesheet" />

Я не мог заставить его работать независимо от того, как я изменил вещи, мне пришлось добавить условную CSS, используяследующий javascript:

loadDeviceStyle: function() {
  $("head").append("<link>");
  css = $("head").children(":last");
  css.attr({
    rel:  "stylesheet",
    type: "text/css",
    href: 'css/' + Utils.device() + '.css'
  });
}

Что явно не идеально.Я также обнаружил, что настройки viewport были большой проблемой, и мне пришлось обойти это.Хотя это, скорее всего, было ошибкой с моей стороны, документация не помогла мне разобраться в проблемах, поэтому приготовьтесь потратить на это время.

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