Удаленная отладка страниц на 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-устройстве должно появиться предупреждение о новом входящем соединении. Принимаем его. Все, на настольной версии появится рабочее окно, в котором можно осуществлять отладку мобильной страницы.

Метки:Инструменты