Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.11.2018, 10:09
Интересующийся
Отправить личное сообщение для Postgeograph Посмотреть профиль Найти все сообщения от Postgeograph
 
Регистрация: 08.11.2018
Сообщений: 14

Оптимизация View и ActionSheet под мобильные браузеры.
Добрый день!

Для разработки веб приложения использовал ExtJS 6.2.0 , дабы сделать его мультиплатформенным - modern toolkit. Однако при тестировании приложения (ни какие тесты не писали, тупо открываю на мобильных устройствах) выясняется что оптимизация под ios и android весьм и весьма условна:
  • При открытии в safari или chrome , соответсвенно на ios возникает следующая проблема: Safari несколько раз перезагружает страницу, а затем сообщает problem occurred with this webpage so it was reloaded. Страница загружается на секунду, затем обновляется, далее ошибка. Тоже самое по сути в chrome на ios, а значит дело не в safari..
  • При открытии в android объекты действительно сидят со значением "fit" и юзабительны, но шрифты слишком мелкие как внутри кнопок так и в элементах (например actionSheet), выпадающий список принимает мобильный вид, но расположен достаточно убого и все очень мелко. Замечается также некоторая медлительность работы приложения в мобильном браузере. POST и GET запросы работают. В мобильном эмуляторе дебагера chrome все ок...

В связи с изложенным вопросы:
  • Как можно решить проблему с оптимизацией под ios браузеры?
  • Какие конфы/параметры классов Ext JS (actionSheet, form button) определяют размер объектов, размер шрифтов , layout (расположение имею ввиду) элементов на дисплее мобильного устройства? Или все по умолчанию и для оптимизации нужно прописывать некое логическое условие а с шрифтами бороться в css?

Спасибо!

PS ios 12.0; android 7 и 8

Последний раз редактировалось Postgeograph, 15.11.2018 в 16:40.
Ответить с цитированием
  #2 (permalink)  
Старый 17.11.2018, 13:01
Интересующийся
Отправить личное сообщение для Swat2k Посмотреть профиль Найти все сообщения от Swat2k
 
Регистрация: 15.08.2017
Сообщений: 17

А можно как то примеры увидеть что не так со шрифтами?

С ios браузерами проблем нет (тоже целевая платформа это ios 12). Что касается шрифтов, то тоже проблем не замечено. Создаете свою тему на базе material темы, и изменяете соответствующие переменные в sass/vars ответственные за размер шрифтов всего приложения.

Последний раз редактировалось Swat2k, 17.11.2018 в 13:13.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фреймворк для сайта, адаптированного под мобильные устройства knx23 Библиотеки/Тулкиты/Фреймворки 1 29.11.2017 10:19
вопрос по меню bgraf Элементы интерфейса 9 08.08.2017 03:52
Разработка под мобильные устройства J_O_K_E_R Мобильный JavaScript 0 11.01.2014 17:46
Вёрстка под Андроид..(и мобильные браузеры.) Mike_Kharkov (X)HTML/CSS 7 07.07.2013 14:47
Зависают браузеры под masOS X Falcon Общие вопросы Javascript 8 11.11.2010 23:14