Налагодження вебу

Дивитися веб усередині застосунку через DevTools

Запити, помилки консолі та HTML вебсторінок усередині застосунку — у звичайних інструментах розробника Chrome, поруч із телефоном.

Навіщо: у багатьох застосунках частина екранів — це вебсторінки. Коли там щось ламається, DevTools показує, який запит упав і яку помилку видала сторінка, і в баг-репорті буде написано, що саме зламалося, а не просто «не працює».

Що відбувається

Вкладка DevTools розташована поруч із телефоном. Це інструменти розробника Chrome, підключені до WebView застосунку — вбудованого браузерного рушія, що показує вебсторінки всередині застосунків.
Network показує всі запити сторінки. Червоний рядок — запит із помилкою; натисніть на нього, щоб прочитати заголовки й відповідь.
Console показує повідомлення сторінки та помилки з файлом і рядком, звідки вони прийшли.
Elements показує HTML і стилі — для багів верстки.
Користуйтеся телефоном далі: усе нове з’являється одразу.

Варто знати

Holtdroid вмикає налагодження WebView під час старту застосунку. APK не змінюється й не перезбирається.
У рядку над DevTools видно адресу сторінки. Введіть іншу адресу й натисніть Enter, щоб відкрити її у WebView; кнопка ліворуч перезавантажує сторінку.
Якщо в застосунку кілька вебсторінок чи процесів, оберіть потрібну у списку цілей поруч з адресою.
Iframe (сторінка всередині сторінки) не окрема ціль: відкрийте Console й оберіть його в меню top ▾ у лівому верхньому куті консолі.

Якщо не працює

DevTools порожній, «Waiting for a WebView…»: на поточному екрані застосунку немає вебвмісту. Відкрийте ту частину застосунку, де він є.
На справжньому телефоні DevTools порожній: на телефоні без root свої WebView показують лише налагоджувальні (debug) збірки. Попросіть debug-збірку або скористайтеся віртуальним пристроєм.
Застосунок закривається одразу після старту: деякі застосунки відмовляються працювати на рутованих або емульованих пристроях. Спробуйте справжній телефон.

Докладніше: WebView DevTools.