Каждый из нас, хоть раз при разработке мобильных версий сайта, задумывался о том, как можно ускорить процесс разработки, дебаггинга и быстрого просмотра изменений. Кто-то поднимал для этого локальный сервер, кто-то ставил эмуляторы, чтобы лишний раз не тянуться к телефону для просмотра, кто-то делал и более костыльные решения. Ребята из Adobe Lab позаботились о нас и выпустили сегодня прекрасное приложения для этих нужд. Барабанная дробь, встречайте — Adobe Shadow!Adobe Shadow — это совершенно новый инструмент помогающий front-end разработчикам и дизайнерам максимально увеличить эффективность и скорость разработки мобильных версий сайтов за счет оптимизации процесса просмотра изменений и дебаггинга на мобильных устройствах. Shadow работает независимо от других продуктов от Adobe и пока совершенно бесплатен!
Сегодня вышла версия 1.0.0, в ней разработчики сделали упор на следующие возможности:
- Связывание устройств друг с другом;
- Синхронизированный серфинг и обновление страниц на компьютере и мобильных устройствах;
- Удаленная отладка для мгновенного отображения изменений HTML, CSS и JavaScript.
Как всем этим делом пользоваться? Очень просто!
Для начала качаем десктопную версию Adobe Shadow (Mac OS X, Windows, Linux скорее всего не будет, это же Adobe
).Затем, ставим дополнение в свой браузер, к сожалению, пока поддерживается только Google Chrome.
Ну и наконец, ставим приложение на мобильное устройство (AppStore, Android Market). Запускаем, связываем наши устройства и радуемся удобству!
Маленький скринкаст от Adobe Labs, в котором можно подробно рассмотреть как это работает:
Официальная страница продукта Adobe Shadow.
Разработчики обещают регулярно обновлять продукт, добавляя возможности, поддержку новых мобильных платформ и браузеров. Удачной разработки!
