Adobe Shadow — делаем разработку мобильных сайтов проще и быстрей

    Каждый из нас, хоть раз при разработке мобильных версий сайта, задумывался о том, как можно ускорить процесс разработки, дебаггинга и быстрого просмотра изменений. Кто-то поднимал для этого локальный сервер, кто-то ставил эмуляторы, чтобы лишний раз не тянуться к телефону для просмотра, кто-то делал и более костыльные решения. Ребята из 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.

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

    Комментарии 21

      0
      поставил, но видит компьютер, но не хочет соединяться.
        0
        У меня все отлично, сразу соединилось без проблем. Lion (10.7.3), iOS 5.0.1, Chrome 17.
        Жаль только не работают горячие правки, например, меняешь элемент в dev tools и сразу видишь на устройстве. Надеюсь, в следующих версиях они это сделают.
          0
          У меня работает горячие правки.
          0
          Алекс, подскажи, ты разобрался с проблемой в итоге?
          –5
          Как во время.
            0
            Как связать устройства? Какой писать IP Address или Host name?
              0
              Ip компьютера в сети. Вообще Bonjour должен был подцепить автоматически.
              После установки плагина к Chrome вам должна была показаться подсказка, там написано как поставить Bonjour для большего удобства forums.adobe.com/docs/DOC-1673
              –1
              опять Linux обделили.
                0
                Отладку скриптов бы ещё и цены этой программе не было, но даже без этого — это отличная штука.
                  0
                  Судя по виедо это удобно когда делаешь много сайтов одновременно и ты верстак, иначе все так же тыкаешь по ссылкам, только не на айпаде а на компе. И то что это удобней, ну никак не связано с тем что отдача совсем другая, и невозможно ощутить того как нажимаются ссылки, удобен ли размер при нажатии, как реагируют элементы, как ведет себя JS и подобные вещи (которые занимают много времени) эта штуковина не затрагивает.
                    +2
                    На компе только удаленная консоль от мобильного браузера — сам сайт в устройсте. Но как ведет себя JS да понять нельзя пока крайней мере для ios — в их консоле нет вкладки скриптс, зато HTML и СSS там редактируются и изучаются на ура.
                      0
                      jsconsole.com/ — удаленная консоль

                      Shadow — штука прикольная, но как быть, если на устройстве несколько браузеров?
                        0
                        Оперы мобайл вроде бы есть эмулятор, а все остальные — это надстройки над стандартными.

                        jsconsole.com/ — удаленная консоль

                        Консоль в shadow есть.
                          0
                          Мне нужна одна консоль (а не консоль + эмуляторы для других, не родных браузеров) и Shadow для этого, судя по всему, не подходит.

                          > Консоль в shadow есть.
                          Спасибо, прежде чем писать, я прочел пост и просмотрел видео. Удаленную консоль показал, как ответ на фразу:

                          > Но как ведет себя JS да понять нельзя пока крайней мере для ios — в их консоле нет вкладки скриптс
                    +1
                    Как вовремя.
                      0
                      Жаль куки с компа на девайсе не юзаются
                        +2
                        Под OS X есть чудесная штука iWebInspector, которая позволяет использовать привычный всем Web Inspector (Safari) для отладки веба в iOS Simulator (Xcode).
                          +1
                          замечтательный дебагер weinre решает проблему удаленного дебага на любом устройстве
                            0
                            Ага, интересная оболочка для weinre.
                              0
                              Мне показалось сыроватым:
                              — не отлавливает ajax-запросы и следующие за ними модификации страницы;
                              — не верит некоторым подписанным и заведомо валидным SSL-сертификатам.
                                0
                                Я не знаю связано это с этой программой, но у меня только что при установке десктопной версии ноут самопроизвольно сделал себе ресет…

                                Так что будьте осторожны!!!

                                Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                Самое читаемое