Chrome inspect devices не работает

Remote debug Android devices

Published on Monday, April 13, 2015

Technically, I’m a writer

Remote debug live content on an Android device from your Windows, Mac, or Linux computer. This tutorial teaches you how to:

• Set up your Android device for remote debugging, and discover it from your development machine.
• Inspect and debug live content on your Android device from your development machine.
• Screencast content from your Android device onto a DevTools instance on your development machine.

Figure 1. Remote Debugging lets you inspect a page running on an Android device from your development machine.

# Step 1: Discover your Android device

The workflow below works for most users. See Troubleshooting: DevTools is not detecting the Android device for more help.

Open the Developer Options screen on your Android. See Configure On-Device Developer Options.

Select Enable USB Debugging.

On your development machine, open Chrome.

Go to chrome://inspect#devices .

Make sure that the Discover USB devices checkbox is enabled.

Figure 2. The Discover USB Devices checkbox is enabled

Connect your Android device directly to your development machine using a USB cable. The first time you do this, you usually see that DevTools has detected an offline device. If you see the model name of your Android device, then DevTools has successfully established the connection to your device. Continue to Step 2.

Figure 3. The Remote Target has successfully detected an offline device that is pending authorization

If your device is showing up as Offline, accept the Allow USB Debugging permission prompt on your Android device.

# Troubleshooting: DevTools is not detecting the Android device

Make sure that your hardware is set up correctly:

• If you’re using a USB hub, try connecting your Android device directly to your development machine instead.
• Try unplugging the USB cable between your Android device and development machine, and then plugging it back in. Do it while your Android and development machine screens are unlocked.
• Make sure that your USB cable works. You should be able to inspect files on your Android device from your development machine.

Make sure that your software is set up correctly:

• If your development machine is running Windows, try manually installing the USB drivers for your Android device. See Install OEM USB Drivers.
• Some combinations of Windows and Android devices (especially Samsung) require extra set up. See Chrome DevTools Devices does not detect device when plugged in.

If you don’t see the Allow USB Debugging prompt on your Android device try:

• Disconnecting and then re-connecting the USB cable while DevTools is in focus on your development machine and your Android homescreen is showing. In other words, sometimes the prompt doesn’t show up when your Android or development machine screens are locked.
• Updating the display settings for your Android device and development machine so that they never go to sleep.
• Setting Android’s USB mode to PTP. See Galaxy S4 does not show Authorize USB debugging dialog box.
• Select Revoke USB Debugging Authorizations from the Developer Options screen on your Android device to reset it to a fresh state.

If you find a solution that is not mentioned in this section or in Chrome DevTools Devices does not detect device when plugged in, please add an answer to that Stack Overflow question, or open an issue in the webfundamentals repository!

# Step 2: Debug content on your Android device from your development machine

Open Chrome on your Android device.

In the chrome://inspect/#devices , you see your Android device’s model name, followed by its serial number. Below that, you can see the version of Chrome that’s running on the device, with the version number in parentheses. Each open Chrome tab gets its own section. You can interact with that tab from this section. If there are any apps using WebView, you see a section for each of those apps, too. In Figure 5 there are no tabs or WebViews open.

Figure 4. A connected remote device

In the Open tab with url text box, enter a URL and then click Open. The page opens in a new tab on your Android device.

Click Inspect next to the URL that you just opened. A new DevTools instance opens. The version of Chrome running on your Android device determines the version of DevTools that opens on your development machine. So, if your Android device is running a very old version of Chrome, the DevTools instance may look very different than what you’re used to.

# More actions: pause, focus, reload, or close a tab

Below the URL you can find a menu to pause, focus, reload or close a tab.

Figure 5. The menu for pausing, reloading, focusing, or closing a tab

# Inspect elements

Go to the Elements panel of your DevTools instance, and hover over an element to highlight it in the viewport of your Android device.

You can also tap an element on your Android device screen to select it in the Elements panel. Click Select Element on your DevTools instance, and then tap the element on your Android device screen. Note that Select Element is disabled after the first touch, so you need to re-enable it every time you want to use this feature.

# Screencast your Android screen to your development machine

Click Toggle Screencast to view the content of your Android device in your DevTools instance.

You can interact with the screencast in multiple ways:

• Clicks are translated into taps, firing proper touch events on the device.
• Keystrokes on your computer are sent to the device.
• To simulate a pinch gesture, hold Shift while dragging.
• To scroll, use your trackpad or mouse wheel, or fling with your mouse pointer.

Some notes on screencasts:

• Screencasts only display page content. Transparent portions of the screencast represent device interfaces, such as the Chrome address bar, the Android status bar, or the Android keyboard.
• Screencasts negatively affect frame rates. Disable screencasting while measuring scrolls or animations to get a more accurate picture of your page’s performance.
• If your Android device screen locks, the content of your screencast disappears. Unlock your Android device screen to automatically resume the screencast.

Last updated: Monday, April 13, 2015 • Improve article

Источник

Устройства Chrome DevTools не обнаруживают устройство при подключении

Мне не кажется, что функция DevTools Devices работает на моем Samsung Galaxy S4 даже после следующих шагов, описанных в https://developers.google.com/chrome-developer-tools/docs/remote-debugging

Мое устройство имеет Chrome v32 и Chrome Beta v33, а на моем ПК есть Chrome v33 и Chrome Canary v35.

Отладка USB включена на моем устройстве, и был установлен драйвер устройства. Я никогда не получил приглашение в качестве шага на шаге 3 из приведенной выше ссылки, чтобы утвердить отпечаток ключа RSA, но устройство подключается к моему компьютеру, чтобы разрешить передачу мультимедиа. Я даже отменил все авторизации USB-отладки в соответствии с приведенной выше ссылкой.

На моем ПК для Android нет никаких дополнительных функций, которые могут быть проблемой. Я хочу использовать эту функцию для проверки веб-страниц с точки зрения устройств.

Чтобы запустить и запустить функциональные возможности:

• Выполните шаги в https://developers.google.com/chrome-developer-tools/docs/remote-debugging
• Установите драйвер Windows USB http://developer.samsung.com/android/tools-sdks/Samsung-Andorid-USB-Driver-for-Windows
• Установить Android SDK http://developer.android.com/sdk/index.html
• Установите платформенные платформы Android SDK http://developer.android.com/sdk/installing/adding-packages.html (этот шаг был заблокирован на корпоративном wifi, поэтому я установил единый пакет ADB, который вам нужен https://forum.xda-developers.com/showthread.php?t=2317790)
• Используйте командную строку для запуска ADB, в cmd перейдите в каталог установки инструментов ADB и введите:
• adb.exe (возможно, потребуется запустить и остановить ADB с помощью adb kill-server и adb start-server )
• Подключите телефон и выберите about:inspect в Chrome на рабочем столе, чтобы на вашем устройстве был открыт браузер Chrome.

Следуя приведенным выше шагам, я получил приглашение отпечатка пальца RSA, чтобы принять, тогда я увидел свое устройство в Chrome.

Определенно не так просто, как я думал, это было бы, но по крайней мере теперь это работает.

Обновление 24 февраля 2016 года

Итак, я обновился до Windows 10 и теперь имею Samsung Galaxy S5, устройства с Chrome v48.0.2564.116 m и v48.0.2564.95 соответственно. Следуя шагам из документов Google и… это не сработало, никаких подсказок ключа RSA. Поэтому я начал следить за своими шагами, как указано выше, и думал, что должен быть более быстрый способ, поскольку Android SDK был загружен более чем на 1 ГБ.

На этот раз я попробовал:

• Выполните шаги в https://developers.google.com/chrome-developer-tools/docs/remote-debugging
• Установите драйвер Windows USB http://developer.samsung.com/android/tools-sdks/Samsung-Andorid-USB-Driver-for-Windows (ПК предупредил меня, что он уже установлен, но я все равно все равно сделал это)
• Установите единый пакет ADB https://forum.xda-developers.com/showthread.php?t=2317790)
• Перейдите в папку установки ADB, которая для меня была C:\Program Files (x86)\Minimal ADB and Fastboot\
• Откройте командную строку и запустите adb devices (возможно, я мог бы запустить adb start-server , но предыдущий дает более информативный ответ)

Теперь, когда Chrome открыт на моем телефоне и chrome://inspect/ на моем рабочем столе, я вижу параметры проверки.

Следующая проблема: Мне нужно повторять те же действия при каждом перезагрузке Windows. Чтобы решить эту проблему:

• Откройте текстовый редактор и скопируйте его в «C:\Program Files (x86)\Minimal ADB and Fastboot\adb» devices
• Сохраните этот файл как adb.bat в папке автозагрузки Windows, расположенной в C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp

Обратите внимание, что файл НЕ нужно называть adb.bat, если он является файлом .bat. Команда, которую вы скопировали в файл, имеет путь установки по умолчанию, который вам может понадобиться изменить для вашей настройки.

Теперь у меня есть функция Chrome Inspect, работающая, когда мне это нужно.

Бит спасибо и выкрикнул всем, кто внес свой ответ на этот вопрос, который помог мне помочь в полезном обновлении моего ответа. Пожалуйста, отдайте должное другим ответам, где вы обнаружите, что они вам тоже помогли.

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

На ноутбуке Galaxy S7 и Windows 10 все, что мне нужно было сделать, пока я подключался к компьютеру, это изменить режим подключения USB на “Источник звука” (Настройки телефона> Параметры разработчика> Настройка USB).

Затем сразу же появилось приглашение на устройстве, чтобы разрешить отпечаток ключа RSA. Затем инструменты разработчика на компьютере распознали мое устройство.

Почему это работает, я не знаю, однако это, безусловно, самое простое из решений, без необходимости установки ненужного программного обеспечения.

Мне также посчастливилось изменить его на режим “MTP (Media Transfer Protocol)”, но только в отдельных случаях.

Опция MTP больше не работает для меня.

В дополнение к источнику звука Audio Source также работает установка режима подключения на MIDI. Намного проще изменить режим подключения, открыв его прямо из панели уведомлений устройства. Нажмите “Передача мультимедийных файлов через USB” или аналогичное уведомление.

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

Если вы используете “Режим MTP” для подключения USB-компьютера.
Измените его на “Режим PTP” или “Режим чтения карт”.

У меня такая же проблема, и она отлично работает для меня.

(Обратите внимание – это помогло мне использовать Samsung S6. Буду признателен за любые комментарии по используемой версии телефона, для всех, для кого эта инструкция работает)

Если ваш телефон подключается к вашему компьютеру и распознается на нем, и вы включили отладку по USB на своем телефоне, но телефон не отображается в разделе “Удаленные устройства” в инструментах разработчика Chrome, тогда вы можете сначала попробовать перезагрузить компьютер. процесс автоматического обнаружения, выбрав на своем телефоне следующее: “Настройки”> “Параметры разработчика”> “Отменить авторизацию отладки USB”.

Если это не сработает, вероятно, проблема в том, что демон Android Debug Bridge либо отсутствует, либо не работает на вашем компьютере (информация об ADB – https://developer.android.com/studio/command-line/adb. html)

Вам не нужен полный Android SDK для использования ADB, вы можете загрузить автономные инструменты Android SDK Platform здесь:

Сначала установите инструменты для вашей платформы. Я использую Windows, и шаги для меня были:

-Unzip загрузка в c:\platform-tools (я просто поместил это здесь для удобства, вы можете выбрать другое местоположение).

В командной строке -Open (запуск от имени администратора) выполните следующую команду:

(Adb.exe находится в нашей папке). Это запустит демон и покажет вам список подключенных устройств Android.

Если вы видите “неавторизованный” рядом с устройством, это означает, что вам нужно разблокировать телефон и выбрать “разрешить доступ к данным устройства”, а затем “всегда разрешать доступ с этого компьютера”. Затем вы должны увидеть ваш телефон подключенным в консоли разработчика:

Вам нужно будет запускать Daemon каждый раз при перезагрузке компьютера. Поместите файл .bat в папку автозагрузки, чтобы запускать демон при каждом запуске компьютера (если вы точно следовали моим инструкциям, содержимое файла .bat, которое вам нужно будет создать, будет c:\platform-tools\adb devices ).

Если вам сейчас трудно получить доступ к URL-адресу (например, “localhost”), который вы отправляете в Chrome на вашем Android-устройстве (с помощью инструментов Chrome dev на вашем компьютере), это другая проблема. Посмотрите этот вопрос для совета Как я могу получить доступ к своему локальному хосту с моего устройства Android?

(вкратце, вам нужно убедиться, что ваш компьютер и телефон подключены к одной и той же сети, поэтому подключите оба к одной и той же сети Wi-Fi или подключите компьютер к точке доступа телефона, затем запустите ipconfig, чтобы получить беспроводной IP-адрес IPv4, и использовать этот IP-адрес в URL, который вы хотите просмотреть на своем телефоне)

Примечание. Для первоначального подключения к отладке необходимо использовать режим MTP (Media Transfer Protocol) на вашем Android для передачи через USB (по умолчанию используется MTP). В одном из ответов упоминается исправление, которое включает переключение этого режима на что-то другое, однако это, вероятно, просто вызывает некоторый тип повторного распознавания, и вы, скорее всего, будете автоматически переключаться обратно в режим MTP, если отключитесь, а затем снова подключите Телефон.

обходной путь, если у вас не установлен ADT (Android Development Toolkit):

Удалось обнаружить Android-телефон Samsung Galaxy после загрузки andorid SDK platform-tools.zip и выполнив следующую команду: “adb devices”.
Он запустил какой-то деамон, нашел прикрепленное устройство, и я также смог увидеть его на вкладке хромовых канарейки.

ранее я также установил “Универсальный драйвер ADB” , но не уверен, что это было необходимо

Я годами использую этот инструмент на разных компьютерах и на разных устройствах. Я часто обнаруживал, что chrome/ADT не видит мое устройство.

В этом случае единственное, что работает для меня, это сбросить ADB deamon:

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

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

Решение. Используйте другой USB-кабель.

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

Пользователь Samsung Note 8 здесь – все, что мне нужно было сделать, это

1. Включите отладку по USB на телефоне.
2. Установите и запустите инструмент “ADB и Fastboot”
3. Введите команду adb devices в приглашении adb.

После этого я получил сообщение на свой телефон, и Chrome узнал телефон.

Сегодня был кошмар с этим Samsung Galaxy Note 9 и ноутбук с Windows 10 без Android Studio. Вот рабочие шаги, чтобы получить отладку.

1) Включите режим разработчика на телефоне обычным способом и включите “Отладка по USB”.

3) Откройте Chrome на своем компьютере – откройте удаленные устройства в консоли разработчика (в данный момент он скажет, что устройства не обнаружены).

4) Подключите телефон к компьютеру через USB-кабель.

5) Примите любые запросы на авторизацию и подождите, пока компьютер не сообщит “ваше устройство готово…” и т.д.

6) На вашем телефоне проведите пальцем вниз по верхнему меню и нажмите “P Android system” – выберите “MIDI” в разделе “Использовать USB для”.

7) На вашем компьютере появятся различные уведомления о настройке, после их завершения вы получите запрос на авторизацию для отладки на вашем телефоне. Принять это! Подождите еще несколько секунд, и вы увидите, что телефон теперь отображается в инструментах Chrome Dev на компьютере и будет подключен через несколько секунд.

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

Если он все еще не работает, мне посчастливилось подключиться вручную, вручную перезагрузив мост Android Debug. Более подробная информация здесь.

АБР должен быть запущен. Просто иди в

C:\Users\yourUserName\AppData\Local\Android\Sdk\platform-tools и запустить adb devices , демон должен запуститься, а затем показать все подключенные устройства.

Chrome “Удаленное устройство” перестает работать через несколько месяцев, когда я им не пользовался.

Я решил эту проблему: в “варианте разработки” моего устройства (samsung J3) я отменил авторизацию отладки usb, затем на моем компьютере я запускаю “adb devices” в “C:\Program Files (x86)\Android\android-sdk \” В папке “platform-tools” на моем устройстве появляется приглашение с запросом о том, разрешить ли мой компьютер для отладки приложений или нет. Я нажимаю “Да”, затем Chrome обнаружил мое устройство.

Для тех, кто использует Ubuntu, я использовал следующее:

Обратите внимание на команду добавления имени группы, необходимую для пользователей Ubuntu 16.

Я также установил инструменты ADB sudo apt install android-tools-adb и sudo apt install android-tools-fastboot и sudo apt install android-tools-fastboot не понадобился весь Android SDK

Наконец, не забудьте добавить переадресацию портов в настройках devtools рядом с устройством, к которому наконец подключился ваш телефон, т.е. 8080 | локальный: 8080

adb командную строку adb . как это

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

Или вы можете перейти к своему Android SDK и запустить adb devices , что приведет к повторному согласованию.

После любого (или обоих) Chrome должен начать работать.

Я попробовал ответить @maurice cruz и не смог получить фактических драйверов. Затем я нашел этот пост, в котором был загружен глобальный драйвер LG (не уверен, что он охватывает все, но многие) для своих устройств. После установки, затем отключение отладки usb и обратно, мне было предложено принять RSA.

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

1. Убедитесь, что у вас есть ADB установлены (шаги здесь для windowd, макинтош, убунт)
2. Убедитесь, что на вашем мобильном устройстве запущен Chrome

На вашем компьютере запустите следующее из командной строки:

adb forward tcp:9222 localabstract:chrome_devtools_remote

Запустив указанную выше команду, подтвердите авторизацию на своем мобильном телефоне. Ниже приведен вид вывода, который я вижу на своем ноутбуке:

$:/> adb forward tcp:9222 localabstract:chrome_devtools_remote

* daemon not running. starting it now on port 5037 *

* daemon started successfully *

Теперь откройте Chrome и введите “localhost: 9222”, и вы увидите активную вкладку для проверки.

Вот источник для этого подхода

Я новичок в программировании приложений, и это была первая проблема, с которой я столкнулся, когда попытался получить отладку образца программы с помощью моего устройства LG G3. Сообщение выше с подробными инструкциями должно работать для всех. Я добавляю свой опыт, если он помогает другим:

Я последовал инструкциям шаг за шагом, но один. То есть, установка драйвера USB из моего OEM. Мой телефон постоянно сообщал, что отладка включена (в области уведомлений), и я могу передавать данные, а также плату. Это заставило меня подумать, что установлены соответствующие USB-драйверы. Но это не так. Наконец я пошел в сайт LG и загрузил драйвер USB для моего LG G3. Сразу после того, как я установил драйвер и подключил телефон к компьютеру по кабелю, я получил подсказку RSA. Теперь мой Chrome обнаруживает это, и я смог запустить приложение на своем телефоне через студию Android.

Переключение “Обнаружение USB-устройств”, казалось, положило начало чему-то после того, как я включил и отключил на телефоне функцию включения отладки.

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

Использование Samsung Galaxy S9 под управлением Android Pie. – Май 2019 г. Аналогично приведенному выше ответу и сообщению NickW для этого ответа. После подключения устройства вместо перехода в настройки перейдите на панель уведомлений телефона> Система Android и выберите “Нажмите для других параметров USB”. Выберите MIDI под опциями, и все готово!

Просто добавив это здесь для справки, я пытался подключить телефон LG G5 Android, а инструменты Chrome dev не узнали его, пока я не загрузил драйвер usb LG .

Я работал с шестью различными устройствами Android и несколькими кабелями, и я должен сказать, что отладчик работает нестабильно. Иногда он может видеть устройство, иногда это не так. Иногда рекомендуется перезапуск Chrome. Вот связанная ошибка https://bugs.chromium.org/p/chromium/issues/detail?id=788161, возможно, вы можете вносить свои доказательства.

Есть необходимый шаг, который не детализирован:

ADB должен быть запущен (это не потому, что он установлен, он будет работать для установления соединения)

По неизвестной причине, чтобы открыть “инструменты разработчика” в chrome (canari), не обязательно запускать запуск ADB с хорошими параметрами. Тогда вы не увидите на смартфоне вопрос “Подтвердите удаленное соединение с помощью” адреса вашего ПК “”, в то время как на ПК вы увидите на панели соединений “в ожидании неизвестного соединения”. Тогда обязательно, если этого не произойдет, соединение не будет установлено. Обратите внимание, что некоторые другие инструменты запускают ADB, но важно запустить ADB и установить соединение.

Когда вы запускаете “> ADB connect ‘IPofYourSmartphone port’” или ADB запускается программным обеспечением, чтобы установить правильное соединение, ADB отправляет запрос, который показывает подтверждение панели на вашем смартфоне.

Это слишком верно для USB или Wi-Fi соединения. Если вы используете на Android инструмент, такой как “ADB wireless by Henry”, вы получите полное руководство по удаленному подключению для отладки Wi-Fi.

Надеюсь это поможет

С наилучшими пожеланиями

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

Использование LG G7 и Windows 10 на данный момент. Для меня, когда телефон физически подключен, изменил режим подключения USB на передачу фотографий (я изначально использовал передачу файлов), и Chrome Remote Devices обнаружил мой телефон. Насколько я знаю, у меня установлен только мобильный драйвер, нет ADT и т.д.

Samsung Galaxy S9 + ПК с Windows

Прежде всего, вам нужно включить отладку по USB на вашем телефоне:

1. Настройки/О телефоне/Информация о программном обеспечении/Номер сборки
   (коснитесь его 7 раз, чтобы включить режим разработчика)
2. Настройки/Параметры разработчика/Отладка по USB (включите его)

Затем на вашем компьютере:

1. Установить драйвер USB Samsung
   https://developer.samsung.com/galaxy/others/android-usb-driver-for-windows
   (необходимо войти в систему с помощью учетной записи Samsung или Google, чтобы загрузить exe
   файл)
2. Установить ADB https://forum.xda-developers.com/showthread.php?t=2317790
3. После установки ADB должно появиться CMD → запустить ADB с помощью команды “adb devices”
   (например, “C:\Program Files (x86)\Minimal ADB и Fastboot> устройства adb”)
4. Подключите телефон к компьютеру с помощью USB-кабеля
5. Оповещение о соединении должно появиться на вашем телефоне → разрешить его
6. В Chrome на вашем компьютере откройте инструменты разработчика> Дополнительные инструменты> Удаленные устройства и
   Вы должны наконец увидеть, что ваш телефон обнаружен

Если на вашем мобильном телефоне есть andorid 9, вы должны обновить Android SDK в Android Studio.

• Откройте Android-студию и перейдите в “Настройки”.
• Системные настройки \Android
• Выберите Android SDK (появится новая версия SDK)
• Нажмите, чтобы применить
• Ваш мобильный телефон захочет получить доступ сейчас в режиме MIDI.

шаг 1–> открыть диспетчер устройств

шаг 2–> проверить переносное устройство → интерфейс ABD

Источник