Инспектор кода на мобильных устройствах (iPad, iPhone, Android)

Инспектор кода на мобильных устройствах (iPad, iPhone, Android)
просмотров: 325914 ноября 2014 года

Apple для своих уствойств, пледлагает купить Mac Book, для котого есть Safari 6.
Но что делать, если у нас Windows? Поможет Веб-инспектор для мобильных уствойств Adobe Edge Inspect, который поддерживает: Android Phones, Pads, Apple iPad, iPhone

Установка

1. Скачиваем и устанавливаем Adobe Edge Inspect для Windows или Mac. (Оно должно быть включено во время отладки, без него работать не будет)
Предложет установить Adobe Creative Cloud, из него потом устанавливается Edge Inspect.
Установка Adobe Edge Inspect
Запускаем:
Adobe Edge Inspect запущен 

2. Ставим плагин Adobe Shadow в Google Chrome.
Плагин Adobe Edge Inspet ожидает соединения 

3. На мобильные устройства ставим соответствующие приложения из Плей Маркета или АппСтора.

Все устройства должны находиться в одной wifi сети.
Запускаем мобильные приложения, вводим коды для синхронизации.
Всё готово к работе.

Теперь можно серфить по сайтам с основного компа, а на подключенных устройствах будут открываться те же страницы. При этом используется движок родного браузера iOS или Android, но внутри приложения Edge Inspect.

Чтобы вызвать инспектор кода, нужно в выпадающем меню плагина Adobe Edge Inspect кликнуть иконку <> напротив интересующего устройства.

Что скажем?