NEWMới: Debug mode tự ghi và tự decode JWT

Xem lại đúng lúc
bug xảy ra.

Minie BugSnap quay màn hình và ghi lại thao tác, API call, console log trên cùng một timeline. Quay xong, bạn xuất một file .mbs, đặt mật khẩu nếu muốn, rồi gửi cho dev.

Thêm vào Chrome Mở Web Viewer
5.0 trên Chrome Web Store Xử lý ngay trên máy bạn Tiếng Việt và English Manifest V3 · Chrome 109+
01 · Ghi lại

Một lần record,
bốn luồng dữ liệu.

  1. 01

    Video màn hình

    Quay toàn màn hình, tab đang mở hoặc một vùng bạn chọn. Bạn có thể thu thêm micro, âm thanh trình duyệt và bật highlight mỗi lần click.

  2. 02

    Thao tác người dùng

    Click, nhập liệu, submit, chuyển trang và phím bấm được ghi tự động. Mỗi sự kiện gắn với đúng giây của nó trên video.

  3. 03

    API request

    Mọi request Fetch và XMLHttpRequest đều được ghi, kèm method, URL, status, thời lượng, header, query params, request body và response body.

  4. 04

    Console

    log, info, warn và error nằm chung trục thời gian với video, nên bạn thấy ngay lỗi nào hiện ra sau cú click nào.

Chế độ ghi

Ghi nhiều hay ít
tuỳ việc bạn cần.

Chọn chế độ trong popup trước khi bấm Bắt đầu.

Báo cáo lỗi

Ghi đủ video, sự kiện, API, console và timeline, để dev tái hiện lỗi mà không phải hỏi lại tester.

  • Video
  • Events
  • API
  • Console
  • Timeline

Hướng dẫn

Ghi video, sự kiện và timeline. Dùng khi cần làm tài liệu hướng dẫn hoặc quay demo một luồng nghiệp vụ.

  • Video
  • Events
  • Timeline
  • API
  • Console

Fast Mode

Không quay màn hình, chỉ ghi sự kiện, API và console. Hợp khi bạn chỉ cần dữ liệu.

  • Events
  • API
  • Console
  • Video
02 · Xuất file

Cả session
gói trong một file .mbs.

Mọi thứ bạn vừa ghi nằm trong một file. Nếu bạn đặt mật khẩu, trình duyệt mã hoá file ngay trên máy trước khi tải về.

  1. 1

    Gom dữ liệu

    Video, sự kiện, API call, console log, timeline, ghi chú và cờ đánh dấu được gom vào cùng một session.

  2. 2

    Nén gzip

    Cả session được nén gzip vào một file .mbs duy nhất. Đây là file bạn gửi đi và người nhận mở ra.

  3. 3

    Đặt mật khẩu nếu cần

    Mật khẩu là tuỳ chọn, bạn quyết định lúc xuất file. Bạn có thể thêm gợi ý, ví dụ mã task, và người nhận sẽ thấy gợi ý đó khi mở file.

    AES-256-GCMPBKDF2 · SHA-256100 000 iterationsgzip

File không đi qua server nào, nên gửi qua Slack, Teams, email hay đính kèm vào Jira đều được.

Quy trình

Từ lúc gặp bug
đến lúc dev mở file.

01

Ghi lại

Bấm Bắt đầu hoặc nhấn Ctrl+Alt+M, rồi dùng trang web như bình thường.

02

Xuất .mbs

Bấm Dừng, xem lại trên dashboard, rồi xuất file .mbs có hoặc không có mật khẩu. Nếu bật Quick Snap, file tự tải về ngay.

03

Xem lại

Người nhận mở file bằng extension, Web Viewer hoặc Desktop App và xem lại đúng những gì bạn đã thấy.

03 · Debug mode

Ghi sẵn từ trước
khi bạn bấm record.

Bật Debug mode một lần, extension sẽ tự ghi thao tác, API và console error trên các domain bạn chọn. Dữ liệu được tách riêng theo từng tab, từng lần reload và từng lần chuyển route.

Tự decode JWT

Token trong request header và response header được decode ngay. Token hết hạn hoặc không hợp lệ sẽ có cảnh báo.

Giới hạn domain và dung lượng

Chỉ chạy trên các domain bạn chọn, tính cả subdomain. Khi chạm giới hạn, dữ liệu cũ nhất bị xoá trước.

Chụp màn hình khi mở panel

Trang được chụp lại ngay trước khi Debug panel mở. Ảnh nằm trong tab Thông tin nhanh.

Copy cURL, copy token, xuất .mbs

Copy một request dưới dạng cURL để chạy lại, hoặc xuất toàn bộ dữ liệu debug ra file .mbs.

04 · Dashboard

Video, sự kiện và API
trên cùng một trục.

Video, sự kiện, API và console chạy đồng bộ. Bấm vào một sự kiện, video nhảy tới đúng lúc đó.

Phát lại từng sự kiện, chỉnh tốc độDải ảnh chụp để tua nhanhCắm cờ theo thời điểmAPI chậm theo p95 / p99Thống kê lỗi lặp lạiLọc theo loại và statusCopy cURL · Copy JSONTải video MP4
05 · Tiện ích khác

563 KiB,
có thêm vài thứ tiện tay.

Vẽ, che và highlight

Bút vẽ, mũi tên, hình khối và chữ dùng được ngay khi đang quay. Bạn có thể che mờ dữ liệu nhạy cảm, highlight một vùng hoặc chọn vùng để chụp ảnh.

Tổng hợp dữ liệu cho AI

Extension gom sự kiện, API và console log thành một đoạn text ngắn. Bạn copy đoạn đó, dán vào trợ lý AI và hỏi nguyên nhân lỗi.

Quick Snap

Bấm Dừng là file .mbs tự tải về, không cần mở dashboard.

Phím tắt

Bắt đầu quay mà không cần mở popup. Tổ hợp phím đổi được.

Lưu trên máy bạn

Session được lưu và xử lý trên máy. Bạn không cần tài khoản, và dữ liệu không đi qua server nào.

Chọn nguồn quay

Quay toàn màn hình, tab hiện tại hoặc một vùng tự chọn, kèm micro và âm thanh trình duyệt khi cần.

Không bị ngắt khi chuyển trang

Video được quay trong một tab Recorder riêng, nên vẫn chạy tiếp khi trang reload, chuyển route hoặc đi qua bước đăng nhập SSO.

Header Manager

Thêm header tuỳ chỉnh vào mọi request. Lưu thành combo, khôi phục 10 bộ gần nhất, copy/paste dạng key:value, import và export JSON.

Ghi chú, cờ và phân loại

Đặt priority từ Critical đến Low, gắn tag, cắm cờ ở từng thời điểm trên video và để lại ghi chú cho người nhận.

06 · Hệ sinh thái

Ba cách
mở file .mbs.

Chrome Extension

Ghi trực tiếp, Debug mode, tổng hợp dữ liệu cho AI, xuất bug report, Quick Snap và import file .mbs.

  • Live capture
  • Debug mode
  • Quick Snap
  • Import .mbs
Cài từ Chrome Web Store

Web Viewer

Kéo thả file .mbs vào trình duyệt để xem. File không bị upload, bạn cũng không phải cài gì.

  • Drag & drop
  • No upload
  • No install
Mở Web Viewer

Desktop App

Xem offline và mở được file lớn. Có bản cho Windows và macOS.

  • Windows x64
  • macOS Apple Silicon
  • Offline
Tải bản mới nhất
5.0★Đánh giá trên Web Store
563 KiBDung lượng extension
0 BDữ liệu gửi lên server
MV3Manifest V3, Chrome 109+
EN·VIGiao diện song ngữ
FAQ

Câu hỏi thường gặp

Đây là định dạng session của Minie BugSnap. Video, sự kiện, API call, console, timeline, ghi chú và cờ đánh dấu được nén gzip chung trong một file.

Khi bạn đặt mật khẩu, file được mã hoá bằng AES-256-GCM. Khoá được tạo từ mật khẩu qua PBKDF2-SHA-256 với 100.000 vòng lặp, cùng salt và IV ngẫu nhiên. Gợi ý mật khẩu (nếu có) được lưu nguyên văn trong file, không mã hoá, nên đừng ghi chính mật khẩu vào đó.

Không cần. Người nhận mở file bằng Web Viewer ngay trên trình duyệt, hoặc bằng Desktop App cho Windows và macOS. Nếu đã cài extension thì dùng nút Import (.mbs) trong popup.

Không. Session được lưu trên máy bạn, và Web Viewer cũng đọc file ngay trong trình duyệt. Phần tổng hợp cho AI chỉ tạo ra một đoạn text để bạn tự copy, extension không tự gửi đoạn đó đi đâu.

Bug Report ghi video, sự kiện, API, console và timeline. Guide ghi video, sự kiện và timeline để làm tài liệu hướng dẫn. Fast Mode không quay màn hình, chỉ ghi sự kiện, API và console.

Debug mode chỉ chạy trên các domain bạn chọn, và mỗi loại dữ liệu (sự kiện, request, log) có giới hạn riêng. Khi chạm giới hạn, dữ liệu cũ nhất bị xoá trước.

READY TO RECORD

Thêm vào Chrome
trước bug tiếp theo.

Lần tới gặp bug, bạn chỉ cần gửi cho dev một file .mbs.

Thêm vào Chrome Tải Desktop App