FE Network LOG v2

About

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