Отладка приложения на BitrixMobile

Приложение для разработчиков BitrixMobile распространяется через официальные магазины приложений GooglePlay и AppStore. К сожалению, с приложениями из магазина нельзя использовать стандартные средства удаленной отладки компонента браузера, которые описаны здесь: Remote Debugging on Android with Chrome и Safari Web Inspector Guide.

Для отладки приложений, написанных на HTML5/JS, можно использовать Weinre - WEb INspector REmote. Этот инструмент представляет из себя усеченную версию Web Inspector (отладчика WebKit-based браузеров).

Установка и запуск Weinre

Для начала нужно установить на компьютер NodeJS.

Далее нужно проделать следующие шаги:

Выполнить в терминале вашей ОС установку weire:
```
sudo npm install -g weinre
```
Примечание: для ОС Windows использовать sudo не нужно.
Запустить weinre следующей командой, заменив в ней ip-адрес на адрес вашей машины, который вы сможете найти в настройка сети:
```
weinre --boundHost x.x.x.x --httpPort xxxx
```
Например:
```
weinre --boundHost 192.168.1.171 --httpPort 8081
```
Теперь перейдите на страницу в браузере со следующим адресом: http://192.168.1.171:8081/, где будет доступна стартовая страница weinre:

Отладка приложения

Сервер weinre запущен. Теперь нужно инициализировать отладку на страницах приложения.

Для этого в код страницы, которую нужно отладить, в блоке <head> нужно вставить следующее:
```
<script src="http://192.168.1.171:8081/target/target-script-min.js#anonymous"></script>
```
Далее нужно открыть приложение и в нем перейти на страницу, которую нужно отладить.
Теперь на компьютере в браузере перейдите по ссылке http://192.168.1.171:8081/client/#anonymous и вы увидите список страниц приложения, которые можно инспектировать (блок Targets):
Выберите страницу (кликните на нужную) и начните отладку. Можно инспектировать элементы, использовать javascript-консоль для отладки, просматривать содержимое локальных хранилищ и баз данных, просматривать http-запросы. Брэйкпоинт в данном отладчике не поддерживаются.

Курсы разработаны в компании «1С-Битрикс»

Если вы нашли неточность в тексте, непонятное объяснение, пожалуйста, сообщите нам об этом в комментариях.

Развернуть комментарии