Как да отстранявате отдалечено грешки в уеб приложенията на Android

Мрежата днес се разглежда повече на мобилни телефони, отколкото на настолни компютри. Тъй като устройствата са наистина преносими и размерите на екрана са по-малки. Така че, ако разработвате уеб приложение, просто не можете да избегнете поддръжката за мобилни телефони (Android или iOS). Счупени или скапани сайтове на мобилни екрани наистина могат да нанесат вреда на репутацията ви онлайн. Потребителското изживяване на телефони е напълно различно от настолния компютър. Така че разработчиците трябва да проектират специално приложенията, за да се адаптират към мобилния екран.

Google Chrome Dev предоставя инструменти, които ви позволяват да проверявате, отстранявате грешки, анализирате изживяването на устройството и можете да използвате инструментите на Chrome Dev на вашата локална машина, за да отстраните грешките в приложението си на мобилно устройство. В този урок ще научим как да настроим вашата локална машина за разработка за отдалечено отстраняване на грешки в Android. Ние ще отстраним грешки през USB връзка между вашето мобилно устройство и вашата локална машина за разработка.

Ще ви е необходимо следното, за да продължите напред с отдалеченото отстраняване на грешки:

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

В този урок ще използваме Sony Xperia L (устройство с Android) и Windows 7 на нашата локална машина за разработка. Така че нека започнем с отдалечено отстраняване на грешки:

1. Първо се уверете, че режимът за отстраняване на грешки е активиран на вашето устройство с Android

Ако не сте активирали, моля, вижте това:

• За потребители на Android 4.2 вижте: http://www.thesmarthacks.com/2013/04/enabling-usb-debugging-mode-on-android.html.
• Останалите от тях могат да се отнасят до: http://www.groovypost.com/howto/mobile/how-to-enable-usb-debugging-android-phone/.

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

2. Свързване на вашето Android устройство

Сега свържете вашето устройство с Android към вашата локална машина за разработка с USB кабел. След като свържете устройството си с Android, трябва да активирате USB отстраняване на грешки в мрежата на телефона си, като стартирате Chrome на вашия Android, след това -> Настройки -> Инструменти за разработчици -> Изберете Активиране на USB уеб отстраняване на грешки

Когато избирате тази опция, ако тя ви моли да потвърдите връзката си с машината за разработка, изберете OK.

3. Отстраняване на грешки

След като инсталирате разширението ADB, ще видите сива икона на Android до менюто на Chrome. Сега кликнете върху иконата на Android и изберете -> Стартиране на ADB. Сега трябва да стане зелено и ще покаже броя на свързаните устройства в момента. След това щракнете върху иконата и изберете -> Преглед на целите за проверка. Това трябва да отвори нов раздел и ще покаже броя на свързаните устройства с Android и отворените в момента раздели в тях.

Сега изберете раздела от списъка, който искате да отстраните грешки. Това ще отвори нов прозорец с инструментите за разработчици.

Сега проверете някакъв елемент от страницата и елементът се маркира в мобилното устройство Chrome в реално време.

По този начин можете да коригирате специфични за устройството грешки, като отстраните грешки от инструментите за разработчици. Можете да изпълнявате команди от инструментите за разработчици, които ще се изпълняват в мобилния Chrome. Вижте също различни панели като мрежа, ресурси, времева линия, профили, одити.

Сега можете да коригирате специфични за мобилни устройства грешки и да отстранявате грешки в мобилни приложения в реално време, вместо да разгръщате приложението си на сървър и след това да осъществявате достъп до него от телефона си и да отстранявате грешки. Google Chrome Dev предоставя тези инструменти, които решават истинска болка за разработчиците, които създават приложения, съвместими с устройства.