23  /  105

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

Просмотров: 8378
Дата последнего изменения: 24.07.2020
Александр Суворов
Сложность урока:
3 уровень - средняя сложность. Необходимо внимание и немного подумать.
1
2
3
4
5

Приложение для разработчиков 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.

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

  1. Выполнить в терминале вашей ОС установку weinre:
    sudo npm install -g weinre
    

    Примечание: для ОС Windows использовать sudo не нужно.

  2. Запустить weinre следующей командой, заменив в ней ip-адрес на адрес вашей машины, который вы сможете найти в настройка сети:
    weinre --boundHost x.x.x.x --httpPort xxxx
    
    Например:
    weinre --boundHost 192.168.1.171 --httpPort 8081
    
  3. Теперь перейдите на страницу в браузере со следующим адресом: http://192.168.1.171:8081/, где будет доступна стартовая страница weinre:

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

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

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

  4. Выберите страницу (кликните на нужную) и начните отладку. Можно инспектировать элементы, использовать javascript-консоль для отладки, просматривать содержимое локальных хранилищ и баз данных, просматривать http-запросы. Брэйкпоинт в данном отладчике не поддерживаются.



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

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