FE Network LOG v2

FE Network LOG v2 FE Network LOG v2 — це інструмент для розробників і QA-фахівців, створений для спрощення фіксації та аналізу багів у вебзастосунках. Розширення записує екран, дії користувача, мережеві запити, логи консолі та дані браузерного сховища під час сесії тестування. Уся інформація зберігається в одному локальному файлі .bugreport, який можна відкрити у вбудованому переглядачі з інтерфейсом, схожим на Chrome DevTools. Основні можливості • Запис екрана з синхронізацією дій користувача • Фіксація кліків миші, введення з клавіатури, скролів і навігації • Запис мережевої активності (Fetch, XHR, GraphQL, ресурси) • Деталі запитів у стилі DevTools: headers, payload, preview, timing • Запис логів консолі з групуванням і фільтрацією • Збереження Cookies, Local Storage та Session Storage • Збір метаданих: URL, заголовок сторінки, браузер і версія, user-agent, viewport, IP і країна • Візуальні індикатори кліків, синхронізовані з відео • Маркери навігації при зміні URL сторінки • Один файл для зручного збереження та передачі баг-репорту Чому FE Network LOG v2 • Не потрібно окремо збирати відео, логи та мережеві дані • Уся інформація для відтворення бага — в одному файлі • Зручний переглядач у стилі DevTools • Ідеально для QA, frontend-розробників і support-команд • Усі дані зберігаються локально, без сторонніх серверів Типові сценарії використання • Репортинг і відтворення багів • Frontend-дебагінг • Тестування вебзастосунків • Комунікація між QA та розробниками • Аналіз складних UI та network-проблем ---- FE Network LOG v2 is a developer and QA tool designed to simplify bug reporting and frontend debugging for web applications. The extension records the screen, user interactions, network activity, console logs, and browser storage during a recording session. All collected data is saved into a single local .bugreport file, which can be opened in a built-in viewer with a DevTools-like interface. Key features • Screen recording synchronized with user interactions • Capture of mouse clicks, keyboard input, scrolling, and navigation events • Network request logging (Fetch, XHR, GraphQL, resources) • DevTools-style request details: headers, payload, preview, timing • Console log recording with grouping and filtering • Browser storage snapshot: Cookies, Local Storage, Session Storage • Metadata capture: URL, page title, browser and version, user-agent, viewport, IP and country • Visual click indicators synchronized with video playback • Navigation markers when the page URL changes • Single export file for easy sharing and bug reproduction Why FE Network LOG v2 • No need to manually collect videos, logs, and network data • One file contains everything required to reproduce an issue • Familiar DevTools-like viewer for fast analysis • Perfect for QA engineers, frontend developers, and support teams • All data is stored locally, with no external servers Typical use cases • Bug reporting and reproduction • Frontend debugging • QA testing sessions • Collaboration between QA and developers • Analysis of complex UI and network issues