Это самостоятельное справочное руководство о том, как подключить мобильное устройство и отладить веб-приложение, работающее в Chrome. Поскольку мы не можем открыть DevTools в мобильном браузере Chrome, нам нужно подключить мобильное устройство и использовать Chrome для ноутбука / настольного компьютера, чтобы включить отладку.

Ниже приведено пошаговое руководство для этого: -

  1. Перейдите в Настройки телефона -> О телефоне -> Включите параметры разработчика на своем мобильном телефоне, нажав несколько раз на номер сборки, как показано на снимке экрана.

2. Теперь вы сможете открыть Параметры разработчика и включить Отладку по USB.

3. Подключите мобильный телефон к ноутбуку и выберите Передача файлов в разделе Настройки USB.

4. Откройте ссылку ниже в Chrome, вы сможете увидеть открытые вкладки в мобильном браузере в разделе Remote Target.

chrome://inspect/#devices

Нажмите на проверку, чтобы открыть и начать отладку.

Используемые версии программного обеспечения и ОС:

Ноутбук:

Модель: Lenovo Flex 2

ОС: Ubuntu 18.04.2 LTS

Версия Chrome: версия 83.0.4103.97 (официальная сборка) (64-разрядная версия)

Мобильный:

Модель: Онеплюс 7Т

ОС: Андроид 10

Версия Chrome: версия 84.0.4147.111.