Как выполнить проверку элемента в Chrome на моем устройстве Galaxy S3 Android?
Как выполнить проверку элемента в Chrome на моем устройстве Galaxy S3 Android?
Я попробовал несколько руководств в Интернете, один из которых говорит об использовании этого Android SDK для запуска adb forward tcp:9222 localabstract:chrome_devtools_remote, но все, что говорит "ошибка: устройство не найдено".
У кого-нибудь есть идеи как это сделать?
8 ответов
Для удаленной отладки на Android с Chrome: попробуйте это https://developer.chrome.com/devtools/docs/remote-debugging
Теперь вы можете сделать это без использования Android SDK.
В последней версии Chrome (я работаю на 34.0.x):
- Перейдите к
chrome://inspect/ - Проверьте
Discover USB Devices - Подключите телефон через USB. Должно появиться всплывающее окно с запросом разрешения на подключение к вашему компьютеру. Принять это.
Там будет пункт на chrome://inspect/ страницы для вашего телефона, и вы можете нажать inspect, Dev инструменты будут появляться и вуаля!
Обновление: 8-20-2015
Обратите внимание, что инструкции изменились, так как этот вопрос был задан 2 года назад.
Так что на более новых версиях Android и Chrome для Android. Вы должны использовать это.
https://developers.google.com/web/tools/setup/remote-debugging/remote-debugging?hl=en
Оригинальный ответ:
У меня есть S3, и он отлично работает. Я обнаружил, что распространенной ошибкой не является включение USB-отладки в мобильном телефоне Chrome. Вам нужно не только включить отладку по USB на самом устройстве в разделе параметров разработчика, но и перейти в браузер Chrome на своем телефоне и включить его в настройках.
Попробуйте это с SDK
- Chrome для мобильных устройств - Настройки> Инструменты разработчика> [x] Включить отладку по USB через Интернет
- Устройство - Настройки> Параметры разработчика> [x] Отладка по USB
- Подключите устройство к компьютеру
Включите переадресацию портов на вашем компьютере, выполнив следующую команду
C:\adb forward tcp:9222 localabstract:chrome_devtools_remote
Идти к http://localhost:9222 в Chrome на вашем компьютере
Поиск проблемы:
Если вы получаете command not found при попытке бежать ADBубедитесь, что Platform-Tools находится на вашем пути или просто используйте весь путь к вашему SDK и запустите его
C:\path-to-SDK\platform-tools\adb forward tcp:9222 localabstract:chrome_devtools_remote
Если получишьdevice not foundзатем беги adb kill-server и попробуйте еще раз.
Для начала вам понадобится Android SDK: http://developer.android.com/sdk/index.html НО выберите для существующей IDE, чтобы вы получили инструменты, а не все Android Studio.
В Chrome Beta на вашем Android устройстве сделайте следующее:
Меню> Настройки> Инструменты разработчика> Включить отладку по USB
Нажмите домашний ключ на устройстве и выберите "Настройки"> "Параметры разработчика"> "Включить отладку по USB".
[Примечание: если вы не видите "Опции разработчика", перейдите в "Настройки"> "Об устройстве">, затем нажмите "Номер сборки" несколько раз, и в итоге вы увидите сообщение о том, что вы сейчас разработчик или что-то подобное]
Подключите телефон к компьютеру через USB
На рабочем столе откройте Chrome Canary (я думаю, что у стабильной и бета-версии есть проблемы):
В адресной строке введите: chrome://flags и enable - "Включить эксперименты инструментов разработчика" и нажмите появившуюся кнопку "Перезапустить".
После того, как он снова запустится, откройте терминал и запустите устройства adb, вы должны увидеть, что ваше устройство появилось в списке. Когда это произойдет, в Canary перейдите в chrome://inspect, там вы увидите свое устройство, так что теперь нажмите осмотреть.
Это откроет devtools для вашего Chrome на Android.
Теперь нажмите на шестеренку в углу, затем перейдите в Эксперименты> Включить переадресацию портов (если вы не видите переадресацию портов, возможно, вас нет в Chrome Beta)
После включения переадресации портов закройте и откройте инструменты разработчика.
Вернитесь к Cog и выберите Port Forwarding, затем введите порт, который вы хотите переадресовать (например, для locahost:9000 на моей локальной машине, я набрал бы 9000 [Device port] и 127.0.0.1:9000 [Target]
Существует открытая ошибка, при которой первый порт игнорируется, поэтому, возможно, стоит нажать ввод в первой строке и повторно ввести те же данные во второй строке.
Теперь вы можете поместить localhost:9000 (или номер вашего порта) в Chrome для Android, просмотреть сайт и использовать DevTools для проверки страницы.
Подробнее в разделе "Переадресация обратных портов" на этом сайте: https://developers.google.com/chrome-developer-tools/docs/remote-debugging
В основном следуйте инструкциям здесь https://developers.google.com/chrome-developer-tools/docs/remote-debugging. Но...
- Для устройств Samsung не забудьте установить Samsung Kies.
- Для меня это работало только с Chrome Canary, а не с Chrome.
- Вам также может понадобиться установить Android SDK.
У меня есть S3, и я использовал это руководство от Google:
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
Действительно легко, работает без нареканий.
Я не смог когда-либо достичь этого, а просто использовал просмотр исходных html-приложений, доступных в Play Store, чтобы просто искать элемент.
Имейте в виду, что если вы хотите использовать Chrome Inspect в Windows, помимо включения отладки USB на вашем мобильном телефоне, вы также должны установить драйвер USB для Windows.
Вы можете найти нужные драйверы из списка здесь:
http://androidxda.com/download-samsung-usb-drivers
Кроме того, вы должны использовать более новую версию мобильного Chrome, чем та, которая установлена на вашем рабочем столе.