12
2012
Удаленная отладка страниц на Firefox для Android
Совсем недавно состоялась премьера бета-версии Firefox 15. Среди нововведений в браузере появились новые средства для разработчиков. Теперь возможна удаленная отладка кода на мобильном устройстве.
Новый отладчик позволяет настольной версии Firefox подключаться к мобильному Firefox на Android-устройствах. После этого разработчику доступен для отладки код, работающий на мобильном устройстве. До 95% всех устройств на данной операционной системе поддерживают последнюю бета-версию Firefox для Android. Ранее подобная функция появилась в продуктах Opera, чуть позже в Chrome. В Mozilla сделали небольшой ролик, демонстрирующий удаленную отладку:
Посмотрим по шагам, что необходимо сделать для запуска удаленной отладки в мобильной устройстве через браузер Firefox.
Настройка настольной версии
Одной из важных частей в реализации подключения к мобильному браузеру является настольная версия Firefox. Нам необходима версия не меньше 15 (которая сейчас в бета-стадии). Мы использовали 16 Aurora.
Идем в продвинутые настройки about:config, соглашаемся с предупреждением о последствиях своих действий. Вверху расположена строка, фильтрующая результаты поиска. В ней необходимо написать «remote-en». Фильтр выдаст единственный вариант — «devtools.debugger.remote-enabled». Он нам и нужен. Кликнем по нему два раза мышью, чтобы изменить значение на True:
После этого необходимо перезапустить браузер. После повторного запуска в пунктах меню для разработчиков появится новый пункт. Идем в Меню -> Веб-разработка -> Удаленный отладчик. Откроется окошко, в котором необходимо ввести ip-адрес и порт для подключения к мобильному устройству. отойдем пока от настольного компьютера, а займемся мобильным Firefox.
Настройка Firefox 15 beta на устройстве
Для работы нам необходима последняя бета-версия обозревателя от Mozilla. Загрузить его можно в магазине приложений Google Play. После инсталляции запускаем Firefox на Android. Как и на настольной версии, нам необходимо попасть в продвинутые настройки. Для этого вводим в адресном поле about:config. В строке поиска необходимо ввести «debugger». Откроются два возможных параметра и здесь необходимо быть внимательным:
Параметр devtools.debugger.force-local переводим значение в False;
Параметр devtools.debugger.remote-enabled переводим значение в True.
Этими действиями мы выключили локальную отладку и активировали удаленную. После тих действий необходимо перезапустить программу. Далее нам необходимо узнать ip-адрес нашего устройства.
Узнаем IP-адрес устройства
Нам необходимо узнать сетевой адрес нашего мобильного устройства. Для этого идем в Настройки приложения -> Wi-Fi. Здесь выбираем сеть, к которой вы подключены в данный момент. На экране будет отображаться ваш адрес:
Установка соединения
Все готово для установления удаленного соединения. Открываем на мобильном Firefox страницу, которую хотели бы отладить. Запускаем отладчик на настольной версии. Появится окно, указанное выше, в котором необходимо ввести адрес для подключения. По умолчанию порт, на котором работает отладка — 6000. Добавьте его к ip.
В Android-устройстве должно появиться предупреждение о новом входящем соединении. Принимаем его. Все, на настольной версии появится рабочее окно, в котором можно осуществлять отладку мобильной страницы.
Похожие записи:
Оставить комментарий
Тэги
Свежие комментарии
Архивы
- Октябрь 2014
- Сентябрь 2014
- Август 2014
- Июль 2014
- Июнь 2014
- Апрель 2014
- Март 2014
- Декабрь 2013
- Ноябрь 2013
- Октябрь 2013
- Сентябрь 2013
- Август 2013
- Июль 2013
- Июнь 2013
- Май 2013
- Апрель 2013
- Март 2013
- Февраль 2013
- Январь 2013
- Декабрь 2012
- Ноябрь 2012
- Октябрь 2012
- Сентябрь 2012
- Август 2012
- Июль 2012
- Июнь 2012
- Май 2012
- Апрель 2012
- Март 2012
- Февраль 2012
- Январь 2012
- Декабрь 2011
- Ноябрь 2011
- Октябрь 2011
- Сентябрь 2011
- Август 2011
- Июль 2011
- Июнь 2011
- Май 2011
- Апрель 2011
- Март 2011
- Февраль 2011
- Январь 2011
- Декабрь 2010
- Ноябрь 2010
- Октябрь 2010