“Протестируй на всех браузерах на телефоне” или инструменты для тестирования Mobile Web приложений
На сегодняшний день телефоны являются наиболее популярным устройством. По мировой статистике они занимают самый высокий показатель использования, в сравнении с десктопом и планшетом.
Поэтому мобильный веб стал главной необходимостью, а новое приложение во многих случаях будет именно веб-приложением, актуальной задачей которого будет способность работать во всех браузерах на мобильном устройстве.
В этой статье, я хочу поделиться своим подходом к тестированию подобных приложений и инструментами, которые существенно упростят этот процесс:)
Давайте для начала определимся, что является мобильным веб-приложением.
Мобильное веб-приложение - это, по сути, веб-сайт, адаптированный и оптимизированный для любого гаджета - например телефона, планшета и т.д. Для того, чтобы им пользоваться, достаточно иметь на устройстве браузер и выход в Интернет.
Такие приложения не требуют установки, легко доступны по ссылке в браузере, но имеют ограниченную функциональность в сравнении с гибридными и нативными приложениями.
Если вы столкнулись с подобным приложением, стоит решить как и на чем вы будете его тестировать. Как выбрать подходящий инструментарий и достаточный набор конфигураций? Сейчас разберемся.
Существует как минимум 3 способа для тестирования:
На реальном устройстве;
С помощью эмулятора;
C помощью симулятора.
Каждый проект уникален и требует свой собственный подход. Чтобы сделать выбор (или использовать и то и то), я сделала небольшой анализ плюсов и минусов каждого из вариантов:
Реальные устройства:
+ Точность результатов;
+ Облегчает тестирование ориентации устройства;
- Дорого;
- Трудоемкий процесс создания и последовательного воспроизведения результатов;
Эмуляторы:
+ Легче управлять переключением типов устройств, загрузив новый профиль устройства;
+ Бесплатно или небольшие затраты;
- Возможно небольшие погрешности в результате;
- Ограниченные возможности при использовании изменения размера окна.
Симуляторы:
+ Экономически выгодно;
- Не принимает во внимание аппаратное обеспечение;
- Возможны ложные срабатывания;
- Результаты моделирования могут быть трудными для анализа из-за неполных данных.
Я бы не рекомендовала использовать симуляторы. Во-первых: вы не столкнетесь со всеми проблемами, которые может вызвать аппаратное обеспечение. Во вторых: некоторые приложения могут работать немного по-другому, а это говорит о ненадежности их использования.
Если вы решили идти по пути использования эмуляторов, нужно будет определиться с инструментом, который будете применять.
Вот список инструментов, которые я бы посоветовала вам использовать:
Chrome DevTools - простой эмулятор на основе браузера Google Chrome, который умеет работать в мобильном режиме. Применяется, в основном, для выполнения начального уровня тестирования эмуляции определенного мобильного устройства.
BrowserStack - онлайн-инструмент для тестирования веб-приложений на различных мобильных устройствах. Это довольно надежный и исчерпывающий инструмент, который обеспечивает легкий доступ к более чем 1200 реальных мобильных устройств и браузеров. Пользовательский интерфейс довольно прост для понимания.
MultiBrowser - онлайн-инструмент, позволяющий убедиться, что приложение хорошо работает на мобильных устройствах. Он использует эмуляторы мобильных браузеров, чтобы обеспечить беспроблемное тестирование. Для работы с инструментом не нужен круглосуточный доступ в Интернет, так как он отлично работает и как настольное приложение.
Если вы выбрали путь реальных устройств, следующий ваш шаг - определить какие устройства вы будете использовать для тестирования.
Как выбрать на чем тестировать?
Проанализируйте и определите самые популярные и используемые гаджеты на рынке;
Выберите устройства с разной ОС (Android, iOS);
Выберите устройства с различными разрешениями экрана.
https://gs.statcounter.com/ Вам в помощь!
После выбора инструментария определяемся с набором браузеров на которых будем тестировать. Они бывают обычные и InApp.
Обычный браузер — это отдельное приложение для просмотра веб-сайтов на мобильных устройствах. Как правило, такие браузеры отличаются гибкостью настроек и расширенными функциями, относительно встроенных. Наиболее популярные: Google Chrome, Safari, Mozilla Firefox, Operа mini, Tor Browser, UC Browser.
In-App браузер - это встроенный браузер в приложении, который имеет окно веб-просмотра. Каждый раз, когда вы нажимаете на ссылку в мобильном приложении (например Facebook), вы используете встроенный браузер, то есть переходите по ссылке внутри самого приложения.
Браузеры In-App имеют легкий функционал, но они не позволят Вам добавлять закладки, не имеют изменяемой адресной строки и не дают открывать ссылки в новых окнах (только дают перейти в обычный браузер).
При выборе браузера можете использовать опять же таки https://gs.statcounter.com/ и для статистики траффика вашего приложения - https://www.similarweb.com/
В заключение скажу, лучше всего использовать комбинацию инструментов и помнить о том, что реальное устройство – лучшее решение, которое всегда дает вам максимальную точность результатов.
Спасибо за прочтение! Всем правильных мыслей и оптимальных инструментов для тестирования для своего приложения:)
Комментарии