Как удаленно отлаживать веб-приложения на Android

Узнайте, как настройки машины локальной разработки для отладки удаленно на Android. Мы отладки через соединение USB между мобильным устройством и локальной машине развития.

A+ A-

Веб сегодня быть более просматриваться на мобильных телефонах, чем на настольных компьютерах. Так как эти устройства получили действительно портативный и экран меньшего размера. Так что если вы разработки веб-приложений, вы просто не можете избежать поддержки для мобильных телефонов (Android или IOS). Сломанные или дрянные выглядящие сайты на экранах мобильных устройств действительно может привести к повреждению вашей репутации в Интернете. Опыт пользователя на телефонах полностью отличается от рабочего стола. Таким образом, разработчики должны специально разрабатывать приложения для адаптации к мобильному экрану.

Как удаленно отлаживать веб-приложения на Android

Google Chrome Dev, предоставляет инструменты, которые позволяют проверять, отлаживать, анализировать опыт на устройстве, и вы можете использовать инструменты Chrome Dev на локальном компьютере для отладки приложения на мобильном устройстве. В этом уроке мы будем учиться на том, как настроить на локальном компьютере разработки для отладки удаленно на Android. Мы отладки через соединение USB между мобильным устройством и вашей локальной машине для разработки.

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

  1. Android мобильный телефон или планшет с Chrome для Android 28 установлен (вы можете установить его из здесь ).
  2. Кабель USB для подключения вашего Android устройства к локальной машине для разработки, а также убедитесь, что у вас установлены необходимые диски для подключения Android мобильного телефона к компьютеру.
  3. Проверьте список драйверов USB OEM и узнать подходящие драйверы для вас.
  4. Chrome 28+ установлен на локальном компьютере разработчика.
  5. Убедитесь, что у вас есть расширение АБР Chrome установлен на локальном компьютере разработчика. Вы можете установить его с здесь .

В этом уроке мы будем использовать Sony Xperia L (Android устройства), а также Windows 7 на нашем локальном компьютере разработчика. Так что давайте начнем с удаленной отладки:

1. Сначала убедитесь, что режим отладки включен в вашем Android устройстве

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

Для получения дополнительной информации о настройке Android устройства для разработки , пожалуйста , обратитесь: http://developer.android.com/tools/device.html#setting-up~~HEAD=pobj .

2. Подключение устройства Android

Теперь подключите устройство Android, на локальном компьютере для разработки с помощью кабеля USB. После того, как вы подключили устройство Android, то вам необходимо включить USB веб-отладку на телефоне, запустив Chrome на вашем Android затем -> Настройки -> Инструменты разработчика -> Выберите Включить USB Web Debugging

Разработчики Android Tools

При выборе этой опции, если он попросит вас подтвердить вашу связь с машиной разработки, выберите OK.

3. Отладка

После установки расширения АБР, вы увидите серый Android значок кроме меню Chrome. Теперь нажмите на иконку Android и выберите -> Запустить АБР. Теперь он станет зеленым, и покажет количество подключенных устройств в настоящее время. Затем нажмите на иконку и выберите -> Просмотр Inspection цели. Это должно открыть новую вкладку и покажет количество подключенных устройств Android и в настоящее время открытых вкладок на них.

Проверьте с Chrome инструмент развития

Теперь выберите вкладку из списка, который вы хотите отладить. Откроется новое окно с Developer Tools.

Инструменты для разработчиков Панель приборов

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

Выделенный элемент в Chrome для мобильных устройств

Выделенный элемент в Chrome для мобильных устройств Скриншот

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

сеть

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

Ads

Поделиться

последний

Лучшие альтернативы Ubuntu искать, если вы Linux Lover

Давайте начнем знакомство с чем-то; простой, но немного не ...

Как добавить подпись в Gmail Входящие - Добавить подпись Google в Gmail

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

Еженедельно Tech News: Nokia, Google и Nintendo

Привет всем, это Пятница, 3 марта, и так же, как всегда, мы...

Raspberry Pi Проекты для начинающих - Что вы можете сделать с Raspberry Pi

Raspberry Pi представляет собой серию малой мощности, одноп...

Лучший VPN для Android 2017 года - Как использовать VPN в Android

Прошли те дни, когда виртуальные частные сети были только д...

Комментарии