Стежити за живими оновленнями у вкладці WebSockets

Навіщо: чати, живі ціни та статуси замовлень приходять через WebSocket, а не звичайними запитами, тож у списку Network їх не видно. Ця вкладка їх показує — разом із тим самим повідомленням, після якого з’явився баг.

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

1. Відкрийте вкладку WebSockets. WebSocket — це з’єднання, що лишається відкритим, щоб сервер міг надсилати оновлення будь-коли.
2. Кожен рядок — одне повідомлення: стрілка вгору — його надіслав застосунок, стрілка вниз — воно прийшло із сервера; поруч довжина й час.
3. Натисніть на повідомлення, наприклад на оновлення ціни, щоб прочитати його повністю.
4. Шукайте повідомлення одразу перед поломкою: тут замовлення не пройшло з out_of_stock, а застосунок нічого не сказав користувачеві.

Варто знати

• Вкладка працює й без відкритого DevTools.
• Holtdroid зберігає трафік сокетів від запуску застосунку, тож вкладка покаже все, навіть якщо перезавантажити сторінку порталу чи відкрити сесію на іншому комп’ютері.
• Clear очищає список лише у вашому браузері. Hide under 15 B ховає пінги та інші крихітні повідомлення. Пауза зупиняє список; після продовження дописується те, що прийшло за цей час.
• Event streams (ще один спосіб, яким сервер надсилає оновлення) теж видно тут.
• Поки сесія записується, натисніть на час повідомлення, щоб поставити в цей момент маркер на записі.

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

• Список порожній: сторінка ще не відкрила сокет. Відкрийте ту частину застосунку, де є живі дані.
• Сокет позначено як відео, і повідомлень немає: відеопотоки навмисно не показуються, інакше вони засипали б список.

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