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 по email OK
Хмм, интересная штука.. Даже как-то раньше и не слышал о Adobe Shadow
Я думала, можно под хром смотреть как все будет на ipad и android - а если у меня нет устройства. Как отлаживать? Да хотя бы просто посмотреть
@porselanosa в настройках Developer Tools выберите пункт перезаписывать ‘User Agent’
данная настройка доступна в дев канале хрома, не знаю насчёт стабильной версии
Владимир Старков, это немного не то. Будет, конечно, похоже, но некоторые вещи работают на честном iOS не так.
@Владимир Старков - ну вот сравнила с тем что мой телефон показывает на андроид 2.3 - совсем не то ;-(
@Sam согласен, это же эмулятор
@porcelanosa
я и привел картинку, только чтобы показать, где «хотя бы посмотреть»
Сегодня я тоже заметил, что в этом инструменте не полностью поддерживаются
@media queriesПосле обновления iPad и iPhone на прошивку iOS 6 и при наличии Safari 6.0.1 стало легче заниматься отладкой сайтов.
На устройстве с iOS 6 в "Настройки > Safari > Дополнения" нужно включить "Веб-инспектор"
Подключаем планшет или телефон проводом (именно проводом) к Mac OS 10.8.x (так как Safari 6.0.1 теперь только на Mac OS X, под Windows уже нет сборок).
На маке открываем Safari (в настройках на вкладке "Дополнения" нужно отметить чекбокс "Показывать меню "Разработка" в строке меню") и в меню "Разработка" видим наше подключенное устройство с открытой страницей в мобильном Safari и теперь можем отлаживать наши сайты еще легче под iOS.
Adobe Shadow конечно будет поудобнее в плане работы с множеством устройств, в том числе и на Android, но к сожалению у меня не получилось заставить его работать, постоянно выскакивает ошибка "weinre: target not connected", хотя страницы из Google Chrome исправно отображаются на всех подключенных устройствах что под Mac OS X 10.8.1(2) и Windows 7.