<rmcreative>

RSS

Adobe Shadow

23 июля 2012

В начале месяца у меня была задачка фикснуть одну злую штуковину на тему вёрстки на iPad, но так как внятных отладочных инструментов из коробки для него нет, работать приходилось вслепую, что результата не давало.

Я попробовал поставить Firebug Lite. Получилось, но под iOS он, как оказалось, работает очень и очень криво. В комментариях TermiT подсказал попробовать Adobe Shadow, за что ему огромное спасибо.

Штука очень крутая. Состоит из нескольких частей:

  • Приложения под iOs и Android плюс бонус для Amazon Kindle Fire.
  • ПО под Mac и Windows.
  • Расширение для Chrome.

Эта связка даёт нам:

  • Возможность синхронно ходить на всех устройствах по страничкам. Командует парадом Chrome.
  • Возможность натраваить Chrome Developer Tools на любое из устройств, что даёт огромные возможности в отладке.

UPD: инструмент зарелизился. Назвается теперь Adobe Edge Inspect. По прежнему бесплатен и очень удобен.

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

  1. №6469
    Сергей
    Сергей 23 июля 2012 г., 23:14:01

    Хмм, интересная штука.. Даже как-то раньше и не слышал о Adobe Shadow

  2. №6470
    porcelanosa
    porcelanosa 24 июля 2012 г., 1:01:32

    Я думала, можно под хром смотреть как все будет на ipad и android - а если у меня нет устройства. Как отлаживать? Да хотя бы просто посмотреть

  3. №6471
    Владимир Старков
    Владимир Старков 24 июля 2012 г., 12:28:00

    @porselanosa в настройках Developer Tools выберите пункт перезаписывать ‘User Agent’
    asd

    данная настройка доступна в дев канале хрома, не знаю насчёт стабильной версии

  4. №6472
    Sam
    Sam 24 июля 2012 г., 15:20:08

    Владимир Старков, это немного не то. Будет, конечно, похоже, но некоторые вещи работают на честном iOS не так.

  5. №6473
    porcelanosa
    porcelanosa 24 июля 2012 г., 16:43:43

    @Владимир Старков - ну вот сравнила с тем что мой телефон показывает на андроид 2.3 - совсем не то ;-(

  6. №6474
    Владимир Старков
    Владимир Старков 24 июля 2012 г., 16:49:50

    @Sam согласен, это же эмулятор

  7. №6475
    Владимир Старков
    Владимир Старков 24 июля 2012 г., 16:54:46

    @porcelanosa

    «Да хотя бы просто посмотреть»

    я и привел картинку, только чтобы показать, где «хотя бы посмотреть»

    «ну вот сравнила с тем что мой телефон показывает на андроид 2.3 - совсем не то ;-(»

    Сегодня я тоже заметил, что в этом инструменте не полностью поддерживаются @media queries

  8. №6710
    Евгений
    Евгений 20 сент. 2012 г., 16:01:51

    После обновления iPad и iPhone на прошивку iOS 6 и при наличии Safari 6.0.1 стало легче заниматься отладкой сайтов.

    1. На устройстве с iOS 6 в "Настройки > Safari > Дополнения" нужно включить "Веб-инспектор"

    2. Подключаем планшет или телефон проводом (именно проводом) к Mac OS 10.8.x (так как Safari 6.0.1 теперь только на Mac OS X, под Windows уже нет сборок).

    3. На маке открываем Safari (в настройках на вкладке "Дополнения" нужно отметить чекбокс "Показывать меню "Разработка" в строке меню") и в меню "Разработка" видим наше подключенное устройство с открытой страницей в мобильном Safari и теперь можем отлаживать наши сайты еще легче под iOS.

    Adobe Shadow конечно будет поудобнее в плане работы с множеством устройств, в том числе и на Android, но к сожалению у меня не получилось заставить его работать, постоянно выскакивает ошибка "weinre: target not connected", хотя страницы из Google Chrome исправно отображаются на всех подключенных устройствах что под Mac OS X 10.8.1(2) и Windows 7.

  1. Почта опубликована не будет.

  2. Можно использовать синтаксис Markdown или HTML.

  3. Введите ответ в поле. Щёлкните, чтобы получить другую задачу.