Media
1 item
Description
Bắt và hiển thị các HTTP request bị lỗi (4xx, 5xx) để debug nhanh # 🚨 Error Request Catcher Chrome Extension để bắt và hiển thị các HTTP request bị lỗi (4xx, 5xx) giúp developer debug nhanh. ## ✨ Tính năng - **Tự động bắt lỗi**: Phát hiện tất cả request trả về status 4xx, 5xx - **Response Body**: Hiển thị response body (JSON formatted) để debug nhanh - **Lọc theo status code**: Filter nhanh theo 401, 403, 404, 500, 4xx, 5xx - **Tìm kiếm**: Tìm kiếm theo URL - **Chi tiết đầy đủ**: URL, method, status, headers, response body, request body - **Copy nhanh**: Copy URL, response, hoặc toàn bộ thông tin - **Copy as cURL**: Tạo cURL command để test lại request - **Bật/tắt**: Toggle ON/OFF khi cần - **Badge count**: Hiển thị số lỗi trên icon extension - **UI đẹp**: Dark theme premium với animations ## 🔧 Cài đặt ### Cách 1: Load unpacked (Developer mode) 1. Mở Chrome, vào `chrome://extensions/` 2. Bật **Developer mode** (góc phải trên) 3. Click **Load unpacked** 4. Chọn thư mục `error-request-catcher` 5. Extension sẽ xuất hiện trên toolbar ### Cách 2: Cài cho Edge 1. Mở Edge, vào `edge://extensions/` 2. Bật **Developer mode** 3. Click **Load unpacked** 4. Chọn thư mục `error-request-catcher` ## 📖 Sử dụng 1. **Mở extension**: Click icon trên toolbar 2. **Xem lỗi**: Danh sách lỗi hiển thị theo thời gian mới nhất 3. **Lọc**: Click các chip (401, 403, 500...) để filter 4. **Tìm kiếm**: Gõ URL vào ô search 5. **Chi tiết**: Click vào lỗi để xem đầy đủ thông tin 6. **Copy**: - Hover lỗi → click icon copy để copy URL - Trong chi tiết → Copy All hoặc Copy as cURL 7. **Xóa**: Hover → click X để xóa từng lỗi, hoặc icon thùng rác để xóa tất cả 8. **Bật/tắt**: Toggle switch ON/OFF Extension sẽ tự động bắt và hiển thị: - ❌ **403** Forbidden - URL đầy đủ - Response body với `supportID` - Copy nhanh để gửi cho team support