Опубликовано автор в категориях Верстальщику, Проги для вебмастера.

На сегодняшний день, современный сайт — это сайт который сверстан с использованием адаптивных технологий и имеет нужно представление для большинства мобильных устройств, как минимум смартфонов и планшетов. Поэтому тестировать сайт по старинке, всего лишь в разных браузерах под разными ОС, сейчас не достаточно. Если ваш сайт имеет адаптивный дизайн и использует отзывчивую (responsive) разметку, то при тестировании вы должны позаботиться о том, чтобы он хорошо работал и выглядел, как минимум на современных Android и iOS (iPad, iPhone) устройствах, ну и не забывать про Windows Phone.

И так, как же тестировать верстку современных сайтов. Вариантов несколько, от использования встроенных механизмов эмуляции различной ширины viewport до реального тестирования на виртуальных устройствах. Безусловно, идеальный вариант — это тестирование на реальных физических устройствах, но не всегда есть такая возможность. Поэтому если вам нужно нечто большее нежели простое изменения viewport для проверки стилей ограниченных определенными media-queries, то вам не обойтись без виртаулизации устройств с Android и iOs.

Виртуализация Android устройств

На сегодняшний день вы можете использовать Android SDK, которую предоставляет Google. Для запуска различных профилей Android устройств помимо самой SDK вам понадобиться еще JAVA, но это не большая проблема. Но, дело в том, что скорость работы виртуальных устройств запущенных с помощью SDK в нативной JAVA исполняемой среде весьма печальна. Поэтому, я бы рекомендовал использовать прекрасную штуку под названием Genymotion, программа кроссплатформенная и бесплатная для частного использования.

Все дело в том, что Genymotion использует для виртуализации Oracle VM VirtualBox, что дает просто фантастический прирост производительности виртуальных машин по сравнению с запущенными SDK образами. Кроме того программа использует Open GL для ускорения рендеринга. Помимо это вам доступны все стандартные функции мобильного устройства на виртуальных машинах: Wifi, GPS, заряд батареи, гироскоп, поворот устройства и прочее.

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

Виртуализация iOS устройств

Здесь только один оптимальный вариант — это использование пакета разработки xCode на реальной или виртуальной машине под управлением Mac OS. xCode предлагает набор готовых образов iPad и iPhone под управлением iOS 6-7 а также эмуляцию ретина-дисплеев. Более того вы можете использовать Safari Dev Tools для инспектирования и онлайн редактирования кода. В сети очень много информации по о том как устанавливать виртуальные образы Mac OS, поэтому у вас не возникнет никаких особенных проблем с этим. Хочется еще раз повторить что на сегодняшний день это единственный наиболее правдоподобный вариант тестирования сайтов в среде iOS, если не считать онлайн сервисов, которые позволяют использовать образы виртуальных машин удаленно с туннелированием.

Виртуализация Windows Phone

На сегодняшний день ситуация довольно однозначна — Windows Phone SDK. Вот цитата с сайта:

Пакет Windows Phone SDK 8.0 — это полнофункциональная среда разработки, которая используется для построения приложений и игр для Windows Phone 8.0 и Windows Phone 7.5. Пакет Windows Phone SDK предоставляет автономный выпуск Visual Studio Express 2012 для Windows Phone или работает как надстройка в выпусках Visual Studio 2012 Professional, Premium или Ultimate. С помощью этого пакета SDK можно использовать имеющиеся навыки программирования и код для построения приложений с управляемым или собственным кодом. Кроме того, этот пакет SDK включает несколько эмуляторов и других инструментов для профилирования и тестирования вашего приложения Windows Phone в реальных условиях.

Собственно все понятно без лишних объяснений, остается добавить лишь то, что среда требует аппаратной поддержки виртуализации, и запустить ее можно только на Windows 8, более поздние версии ОС не подойдут.

Итоги

Подводя итоги всего выше сказанного стоит сказать, что если вам не нужно тестировать работу Java Script в среде устройства, а всего лишь надо взглянуть на отзывчивую статическую верстку, то вам, возможно это все не понадобится. Благо в Google Chrome, встроен прекрасный инструмент эмуляции мобильных устройств, даже с подменой пользовательского агента и эмуляцией тач-событий и геолокацией. Однако, если вы активно используете инструменты интерактивного взаимодействия с пользователем, используете множество обработчиком специфических тач-событий то без виртуализации вам не обойтись. Удачной вам верстки современных сайтов.

Оставить комментарий

  • (не будет показан)