![](https://habrastorage.org/storage2/3a7/276/329/3a7276329a6b8f2a2f474bf88a2f1cfb.jpg)
Adobe Shadow — это совершенно новый инструмент помогающий front-end разработчикам и дизайнерам максимально увеличить эффективность и скорость разработки мобильных версий сайтов за счет оптимизации процесса просмотра изменений и дебаггинга на мобильных устройствах. Shadow работает независимо от других продуктов от Adobe и пока совершенно бесплатен!
Сегодня вышла версия 1.0.0, в ней разработчики сделали упор на следующие возможности:
- Связывание устройств друг с другом;
- Синхронизированный серфинг и обновление страниц на компьютере и мобильных устройствах;
- Удаленная отладка для мгновенного отображения изменений HTML, CSS и JavaScript.
Как всем этим делом пользоваться? Очень просто!
Для начала качаем десктопную версию Adobe Shadow (Mac OS X, Windows, Linux скорее всего не будет, это же Adobe
![](https://habrastorage.org/storage2/a0e/7c7/6ab/a0e7c76ab1a9739199b0ebd545469983.gif)
Затем, ставим дополнение в свой браузер, к сожалению, пока поддерживается только Google Chrome.
Ну и наконец, ставим приложение на мобильное устройство (AppStore, Android Market). Запускаем, связываем наши устройства и радуемся удобству!
Маленький скринкаст от Adobe Labs, в котором можно подробно рассмотреть как это работает:
![](https://habrastorage.org/storage2/96e/304/001/96e304001e170d16de724e8c9ceb3601.png)
Официальная страница продукта Adobe Shadow.
Разработчики обещают регулярно обновлять продукт, добавляя возможности, поддержку новых мобильных платформ и браузеров. Удачной разработки!