PhoneGap Developer App и PhoneGap Build имеют разное поведение - PullRequest
0 голосов
/ 25 апреля 2018

Я занимаюсь разработкой мобильного приложения с использованием PhoneGap для платформ Android и iOS.Версия для iOS выглядит отлично и одинаково как на сборочной версии, так и на Phonegap Developer App.Также Phonegap Developer App работает аналогичным образом для Android.Но когда я устанавливаю apk-файл сборки phonegap на Android, некоторая html-разметка для конкретного div получает неправильный масштаб, как будто я написал другую ширину в css для этого div.Но остальная часть моего приложения выглядит нормально.Самое сложное для меня в этой ситуации - различный внешний вид приложения Phonegap Build и приложения PhoneGap.Я попытался удалить все плагины из config.xml, чтобы проверить, влияют ли они каким-либо образом на поведение приложения, но результат был таким же.Итак, мой вопрос: почему могут быть различия в поведении версий сборки и разработчика?

<?xml version='1.0' encoding='utf-8'?>
<widget id="myapp" ios-CFBundleIdentifier="myapp" version="1.0.3" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">
<name>Test App</name>
<description>
    Hello World sample application that responds to the deviceready event.
</description>
<author email="support@phonegap.com" href="http://phonegap.com">
    PhoneGap Team
</author>
<content src="index.html" />
<access origin="*" />
<allow-intent href="*" />
<allow-navigation href="*" />
<preference name="fullscreen" value="false" />
<preference name="Orientation" value="portrait" />
<preference name="DisallowOverscroll" value="true" />
<preference name="android-minSdkVersion" value="16" />
<edit-config file="AndroidManifest.xml" mode="overwrite" target="/manifest/application/activity[@android:name='MainActivity']">
    <activity gap:configChanges="orientation|keyboardHidden" gap:windowSoftInputMode="adjustPan" />
</edit-config>
<branch-config>
    <branch-key value="some_key" />
    <uri-scheme value="some_value" />
    <link-domain value="some_domain" />
    <ios-team-release value="some_value" />
</branch-config>
</widget>

выглядит нормально выглядит неправильно (кружок)

Ответы [ 2 ]

0 голосов
/ 26 апреля 2018

Если проблема связана с размером содержимого HTML, это звучит как viewport .Все производители стремятся изменить движок веб-просмотра Android, поэтому для того, чтобы ваше приложение выглядело одинаково на большинстве устройств, вы должны добавить этот метатег в раздел head вашего index.html файла:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

Это означает, что:

  • Пользователь не может увеличить внутри вашего приложения
  • Начальный масштаб составляет 100% (означает, что нет увеличения)
  • Ширина области просмотра (размер страницы по горизонтали)совпадает с шириной устройства
  • Высота области просмотра совпадает с высотой устройства

Чтобы избежать подобных проблем, вы должны создать свое приложение с созданным образцом index.htmlКордова при создании нового приложения с использованием интерфейса командной строки.Это создает приложение с index.html и CSS-файлом с надлежащей структурой, чтобы гарантировать, что оно будет (в основном) выглядеть одинаково на каждом устройстве.

0 голосов
/ 26 апреля 2018

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

...