DevTools. Просмотр консоли разработчика с трансляцией действий, производимых с мобильного устройства

1. Получение прав разработчика на устройстве

В большинстве моделей Android-устройств для получения прав разработчика достаточно проделать следующие действия:

1. Откройте настройки устройства.
2. Нажмите на раздел «О телефоне».
3. Перейдите к пункту «Номер сборки».
4. Нажмите несколько раз на эту опцию.
5. В результате ваших действий на экране устройства появится всплывающая надпись:
   «Вы стали разработчиком!»

2. Включение отладки по USB

После получения прав разработчика в настройках устройства появляется новый пункт «Для разработчиков».
Основные пути для его нахождения:

• «Настройки» → «Для разработчиков»
• «Настройки» → «Система» → «Дополнительно» → «Для разработчиков»
• «Настройки» → «Дополнительно» → «Для разработчиков»
• «Настройки» → «Расширенные настройки» → «Для разработчиков»

Настройка отладки по USB

1. Если вверху страницы есть переключатель, установленный в положение «Выкл», переведите его в «Вкл».
2. В разделе «Отладка» включите пункт «Отладка по USB».
3. В появившемся модальном окне «Разрешить отладку по USB» подтвердите включение.

После выполнения этих шагов отладка по USB на Android-устройстве включена и готова к использованию.

3. Открытие консоли разработчика с трансляцией действий мобильного устройства

3.1 Подключение к DevTools

1. В панели адреса выбранного браузера перейдите по адресу:

Браузер	URL
Microsoft Edge	edge://inspect/#devices
Google Chrome	chrome://inspect/#devices

2. Подключите мобильное устройство к ПК с помощью USB-кабеля.
3. На странице DevTools должно отобразиться имя модели устройства Android и его серийный номер.
   Также убедитесь, что выставлена галочка «Discover USB devices».

3.2 Запуск приложения и открытие консоли

1. На мобильном устройстве запустите приложение IONIC.
   На странице DevTools под именем устройства появится название приложения и адрес.
2. Для открытия консоли мобильного приложения нажмите «inspect» под наименованием приложения.
   Откроется новая вкладка DevTools с возможностью:
   • трансляции всех действий с мобильного устройства;
   • выполнения действий через DevTools;
   • просмотра консоли, источников, сетевых запросов/ответов и других инструментов.