Error Request Catcher

About

# 🚨 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