Исследовательское подразделение компании Adobe представило новый продукт под названием Adobe Shadow. Это кросс-платформенное приложение для сред Windows, Mac, Android и iOS. С помощью Adobe Shadow разработчики web-интерфейсов могут одновременно и удаленно выполнять такие операции, как тестирование, отладка и инспектирование своих сайтов в разных операционных системах и для разных размеров экрана. Используя любой браузер в сочетании с Adobe Shadow, можно увидеть, как дизайн web-сайта будет выглядеть на разных устройствах.
Процедура использования Adobe Shadow заключается в установке настольного приложения и расширения к браузеру Chrome на настольном компьютере, а на мобильном устройстве устанавливается отдельный клиентский модуль. Когда все эти устройства подключены к одной сети Wi-Fi, соединить их можно с помощью короткого кода. После соединения устройств появляется возможность просматривать и синхронизировать свои проекты на разных аппаратах. Любые изменения, внесенные в исходный код web-сайта, моментально отображаются на каждом подключенном устройстве. Более того, можно указать конкретное устройство, для которого будет выполняться отладка кода, чтобы вы могли просматривать график и записи проекта, ресурсы и элементы проекта, а также вносить поправки в HTML-разметку, CSS-стили и др.
Если мобильное устройство не может установить связь с "большим" компьютером автоматически, можно вручную ввести IP-адрес устройства в Chrome-расширении - адрес отображается по нажатию кнопки "+" в мобильном клиентском приложении. В проекте тестирования можно подключить любое число мобильных устройств. При просмотре мобильных версий сайтов используется потоковая передача контента (в данном случае, web-страницы) из окна настольного браузера Chrome (с помощью запущенной в фоне утилиты Adobe Shadow) на мобильное устройство.
В режиме отладки разработчик видит на своем основном компьютере все необходимые параметры, включая свойства сетевого подключения, свойства элементов web-страницы. Кроме того, доступна консоль удаленной отладки и возможность запускать сторонние браузеры на мобильном устройстве. В целом, Adobe Shadow представляет собой очень мощный и эффективный инструмент для окончательной доводки мобильных версий web-сайтов.
Ссылки по теме