Debug web bằng phiên tái hiện đầy đủ

Mở lại lỗi web như đang xảy ra.

Minie BugSnap ghi lại video thao tác, sự kiện click/input, API calls, console log và timeline. Tester gửi file .mbs có mật khẩu, developer import và xem lại toàn bộ phiên lỗi trên extension, web viewer hoặc desktop app.

Bắt đầu capture Cách hoạt động

✓ Zero upload ✓ File .mbs có mật khẩu ✓ Web · Desktop · Extension

extension://dashboard.html?session=bugsnap

REPLAY

click · button POST /api · 200

00:02.41init(auth-flow)ok

00:14.09POST /api/login312ms

00:22.55Uncaught TypeErrorconsole

🔒

Xuất .mbs an toàn

Mã hóa bằng mật khẩu trước khi gửi cho team debug.

••••••

Timeline 9 events

#1nav

Truy cập màn hình thống kê

#2click

Nhấn nút “Gọi API”

#3api

POST /cash-flow/create · 200

#4log

Console error theo thời điểm

Health Score analysis

100/100

Mọi dữ liệu cần để sửa lỗi, nằm trong một phiên.

Không còn phải hỏi tester “lúc đó bấm gì?”, “API nào lỗi?”, “console có gì?”. BugSnap gom video, timeline, network và log thành một bản ghi có thể phát lại.

▶

Replay bug theo đúng thời điểm lỗi xảy ra

Video, event, API và console được đồng bộ trên một timeline, giúp developer tua đến đúng khoảnh khắc phát sinh lỗi.

Video replay Timeline sync Jump to error

00:22.55 · Console Error Jump

✦

Bắt sự kiện UI thông minh

Ghi navigation, click, input, highlight on click và các tương tác quan trọng.

click Nút “Gọi API” input 3,000,000 VNĐ

⇄

API timeline

Theo dõi request, response, status code, duration và tần suất gọi API.

8Calls

550msAvg

200Status

⌘

Console log

Gom log, warning, error và stack trace để khoanh vùng lỗi nhanh hơn.

error TypeError warn localStorage quota

🔐

Export .mbs có mật khẩu

Đóng gói phiên debug thành file bảo vệ bằng mật khẩu, phù hợp chia sẻ nội bộ.

Xem luồng export →

📊

Phân tích sức khỏe phiên

Dashboard thống kê health score, tỷ lệ lỗi, API thành công/thất bại.

100Score

0Errors

9Events

Từ lỗi khó tái hiện đến file debug trong vài bước.

Luồng được thiết kế cho tester, support và developer: ghi lại, xuất file, gửi cho người xử lý, sau đó mở lại ở bất kỳ môi trường nào.

01 · CAPTURE

Ghi lại phiên lỗi

Extension capture màn hình, sự kiện, API và console log khi tester thao tác trên web.

02 · EXPORT

Đóng gói thành .mbs

Toàn bộ dữ liệu phiên được nén, mã hóa bằng mật khẩu và sẵn sàng chia sẻ nội bộ.

03 · REPLAY

Import và phân tích

Mở file trên extension, web viewer hoặc desktop app để phát lại timeline và xem chi tiết.

Dashboard giống trải nghiệm thực tế hơn.

Bố cục bám sát giao diện thật của Minie BugSnap: video quay ở bên trái, panel phát lại / API / phân tích ở bên phải.

Minie BugSnap Dashboard

▣

Video Quay

https://minie-wallet.pages.dev/statistic

BugSnap Recording

00:15/ 00:17

VIDEO.FILESIZE 2.53 MB • 00:17

Phát lại Sự kiện 9 API 8 Console 0 Timeline Phân tích

Thời lượng17.57s

Sự kiện9

API Calls8

Video Size2.53 MB

Health Score100/100

Phân loại Sự kiện

navigation

click

API Calls (Top 10)

GET

https://related-dogfish-sadly.ngrok-free.app/api/category/by-user?cashType=INCOM...Tần suất gọi: 3x

GET

https://related-dogfish-sadly.ngrok-free.app/api/wallet/by-userTần suất gọi: 3x

POST

https://related-dogfish-sadly.ngrok-free.app/api/cash-flow/createTần suất gọi: 1x

GET

https://related-dogfish-sadly.ngrok-free.app/api/cash-flow/cash-flow-statistics?...Tần suất gọi: 1x

Thống kê API

Thành công8

Lỗi0

Avg Duration550ms

Replay thật hơnVideo, timeline, API và phân tích nằm trong cùng một workspace như sản phẩm thực tế.

Bám đúng workflowẨn video, export .mbs, xem thống kê lỗi và kiểm tra từng request ngay trên dashboard.

Dễ tin tưởng hơnLanding page thể hiện đúng cảm giác của app thay vì mockup quá xa sản phẩm.

Một hệ sinh thái, nhiều cách đưa bug về đúng ngữ cảnh.

Extension tạo phiên capture, file .mbs đóng gói dữ liệu, Web Viewer và Desktop App mở lại phiên debug ở bất kỳ đâu.

🧩

CAPTURE SOURCE

Chrome Extension

Ghi lại thao tác, API, console log và highlight click ngay trên trình duyệt.

Extension Panel

Ghi lại video

Theo dõi console

Highlight on click

.mbs Encrypted session 🔐

video

events

api

logs

🌐

INSTANT VIEWER

Web Viewer

Kéo thả file .mbs để xem lại dashboard, không upload dữ liệu và không cần cài thêm.

Kéo thả file .mbs hoặc chọn file từ máy

[PASSWORD] bug-report.mbs15:55

CUSTOMER_SUPPORT.mbs15:42

💻

NATIVE VIEWER

Desktop App

Mở file lớn mượt hơn trên Windows/macOS, giao diện quen thuộc như web viewer.

Windows macOS Auto update

Biến mỗi bug report thành một phiên có thể phát lại.

Gửi một file .mbs chứa đầy đủ video, event, API, console và thống kê. Developer mở lên là có ngữ cảnh để sửa.

Dùng thử Minie BugSnap Xem tính năng