Удаленная отладка устройств Android

Удаленная отладка динамического содержимого на устройстве Android с компьютера с Windows или macOS. На следующей странице учебника вы узнаете, как:

• Настройте устройство Android для удаленной отладки и найдите его на компьютере разработки.

• Проверьте и отладите динамическое содержимое на устройстве Android с компьютера разработки.

• Экранная трансляция содержимого с устройства Android на экземпляр DevTools на компьютере разработки.

Примечание.

Удаленная отладка приложения Microsoft Edge на устройствах iOS в настоящее время не поддерживается. В следующем руководстве особое внимание уделяется удаленной отладке Microsoft Edge на устройствах Android. Если у вас есть устройство macOS, следуйте инструкциям в руководстве по отладке Brightcove для удаленной отладки Microsoft Edge на устройстве iOS с помощью Safari. Дополнительные сведения о средстве веб-инспектора в Safari см. в разделе Средства веб-разработки Safari.

Шаг 1. Обнаружение устройства Android

Рабочий процесс ниже работает для большинства пользователей. Дополнительные сведения см. в статье Устранение неполадок: средства разработки не обнаруживают устройство Android ниже.

1. Откройте экран "Параметры разработчика" на устройстве Android. См . раздел Настройка параметров разработчика на устройстве.

2. Выберите Включить отладку USB.

3. На компьютере разработки откройте Microsoft Edge.

4. В адресной строке выберите edge://inspect.

   

5. Подключите устройство Android непосредственно к компьютеру разработки с помощью USB-кабеля. При первой попытке подключиться должен отображаться запрос о том, что средства разработки обнаруживают неизвестное устройство. Примите запрос разрешить отладку USB на устройстве Android.

   

6. Если отображается имя модели устройства Android, Microsoft Edge успешно установил подключение к вашему устройству. Перейдите к разделу Шаг 2 .

Устранение неполадок. Средства разработки не обнаруживают устройство Android

Используйте следующие советы, чтобы устранить неполадки с правильными параметрами оборудования.

• Если вы используете USB-концентратор, попробуйте подключить устройство Android непосредственно к компьютеру разработки.
• Попробуйте отсоединить USB-кабель между устройством Android и компьютером разработки, а затем снова подключите USB-кабель. Завершите задачу, пока экраны Android и компьютера разработки будут разблокированы.
• Убедитесь, что usb-кабель работает. Вы сможете проверять файлы на устройстве Android с компьютера разработки.

Используйте следующие советы, чтобы убедиться, что программное обеспечение настроено правильно.

• Если компьютер разработки работает под управлением Windows, попробуйте вручную установить USB-драйверы для устройства Android. Дополнительные сведения см. в разделе Установка USB-драйверов OEM.
• Для некоторых сочетаний устройств с Windows и Android (особенно Samsung) требуются дополнительные параметры. Дополнительные сведения см. в статье Устройства DevTools не обнаруживают устройство при подключении.

Если на устройстве Android не отображается запрос Разрешить отладку ЧЕРЕЗ USB , попробуйте:

• Отключение и повторное подключение USB-кабеля, пока DevTools будет сосредоточен на вашем компьютере разработки и отображается домашний экран Android. Иногда запрос не отображается, когда экраны Android или компьютера разработки заблокированы.
• Обновите параметры дисплея для устройства Android и компьютера разработки, чтобы они никогда не переходили в спящий режим.
• Установка режима USB для Android на PTP. См. раздел Galaxy S4 не отображает диалоговое окно "Авторизация отладки USB".
• Выберите Отозвать авторизации отладки USB на экране параметров разработчика на устройстве Android, чтобы сбросить его в новое состояние.

Если вы нашли решение, которое не упоминается на этой странице или в разделе Устройства DevTools не обнаруживает устройство при подключении к Stack Overflow, добавьте решение в этот вопрос Stack Overflow.

Шаг 2. Отладка содержимого на устройстве Android с компьютера разработки

1. Откройте Microsoft Edge на устройстве Android.

2. Перейти на страницу edge://inspect. Отобразится имя модели устройства Android, за которым следует серийный номер устройства. Ниже должна отображаться версия Microsoft Edge, запущенная на устройстве, с номером версии в круглых скобках. Каждая открытая вкладка Microsoft Edge получает уникальный раздел. Вы можете взаимодействовать с этой вкладкой из раздела.

1. В текстовом поле Открыть с помощью URL-адреса введите URL-адрес и нажмите кнопку Открыть. Страница откроется на новой вкладке на устройстве Android.

2. Щелкните проверить рядом с URL-адресом, который вы только что открыли. Откроется новый экземпляр DevTools.

Другие действия: фокусировка, обновление или закрытие вкладки

Выберите вкладку фокусировки, перезагрузите или закройте рядом с вкладкой, которую нужно сфокусировать, обновить или закрыть.

Проверка элементов

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

Вы также можете коснуться элемента на экране устройства Android, чтобы выбрать его в инструменте Элементы . Щелкните значок Select Element () на экземпляре DevTools, а затем выберите элемент на экране устройства Android.

Примечание.

Выбор элемента отключается после первого выбора, поэтому его необходимо повторно включать каждый раз, когда вы хотите использовать эту функцию.

Экранная трансляция экрана Android на компьютере разработки

Щелкните значок Переключить экранную трансляцию (), чтобы просмотреть содержимое устройства Android в экземпляре DevTools.

Вы можете взаимодействовать с экранной трансляцией несколькими способами:

• Щелчки претворяются в касания, запуская правильные события касания на устройстве.
• Нажатия клавиш на компьютере отправляются на устройство.
• Чтобы имитировать жест сжатия, удерживайте нажатой клавишу SHIFT во время перетаскивания.
• Чтобы прокрутить страницу, используйте трекпад или колесико мыши или наведите указатель мыши.

Используйте следующие советы, чтобы помочь вам провести снимок экрана:

• Экранные трансляции отображают только содержимое страницы. Прозрачные части экранной трансляции представляют интерфейсы устройств, такие как адресная строка Microsoft Edge, строка состояния Android или клавиатура Android.
• Экранные трансляции негативно влияют на частоту кадров. Отключите трансляцию с экрана при измерении прокрутки или анимации, чтобы получить более точное представление о производительности страницы.
• Если экран устройства Android блокируется, содержимое экранной трансляции исчезнет. Разблокируйте экран устройства Android, чтобы автоматически возобновить трансляцию.

Примечание.

Некоторые части этой страницы представляют собой измененные материалы, созданные и предоставленные корпорацией Google. Их использование регулируется условиями, описанными в лицензии Creative Commons Attribution 4.0 International License. Исходная страница находится здесь и автор Kayce Basques (Технический писатель, Chrome DevTools & Lighthouse).

Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.