Phiếu tra cứu cho dev — HTTP, MIME, mã phím và regex

Phiếu tra cứu cho dev — HTTP, MIME, mã phím và regex là gì?

Phiếu tra cứu cho dev là một tài liệu tham khảo nhanh miễn phí, chạy trong trình duyệt, gộp bốn bảng tra cứu dành cho lập trình viên vào một widget có tìm kiếm. Lập trình viên front-end và back-end, kỹ sư QA và sinh viên dùng đến nó khi cần nhớ 422 nghĩa là gì, kiểu MIME của ảnh .webp, giá trị key mà phím mũi tên kích hoạt, hay một regex để xác thực email. Tab HTTP liệt kê các mã trạng thái 2xx, 3xx, 4xx và 5xx thông dụng cùng cụm từ lý do chính thức của chúng; tab MIME ánh xạ phần mở rộng tệp sang giá trị Content-Type; tab Mã phím hiển thị các chuỗi KeyboardEvent.key của JavaScript như Enter, Escape và ArrowUp; và tab Regex tập hợp các mẫu sẵn sàng dán kèm một ghi chú ngắn cho mỗi mẫu. Ô tìm kiếm lọc tab đang hoạt động ngay lập tức, bộ đếm kết quả cho biết bao nhiêu mục khớp, và mỗi hàng có một nút sao chép. Ô đầu ra tuần tự hóa các hàng đã lọc để bạn có thể chuyển chúng sang công cụ khác. Vì widget chỉ được kết xuất bằng JavaScript, văn bản này là phần mô tả có thể lập chỉ mục: một tài liệu tham khảo mã trạng thái HTTP, một bảng kiểu MIME, một danh sách mã phím JavaScript và một phiếu tra cứu regex, tất cả ở phía máy khách.

Cách sử dụng Phiếu tra cứu cho dev — HTTP, MIME, mã phím và regex

1. Chọn một tab: trạng thái HTTP, kiểu MIME, Mã phím hoặc Regex.
2. Gõ vào ô tìm kiếm để lọc tab đang hoạt động theo mã, tên hoặc mẫu.
3. Lướt qua các hàng và đọc bộ đếm kết quả để xem bao nhiêu mục khớp.
4. Nhấp Copy ở bất kỳ hàng nào để sao chép giá trị của nó (tên, kiểu MIME, phím hoặc mẫu).
5. Dùng nút Copy của ô đầu ra để lấy tất cả các mục đã lọc cùng lúc.

Ví dụ

Tìm: 429

429  Too Many Requests

Tìm: webp

.webp  image/webp

Tab: Regex, Tìm: email

^[^\s@]+@[^\s@]+\.[^\s@]+$

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

Những mã trạng thái HTTP nào được bao gồm?

Những mã thông dụng nhất trong tất cả các lớp: 2xx thành công (200, 201, 204), 3xx chuyển hướng (301, 302, 304, 307, 308), 4xx lỗi máy khách (400, 401, 403, 404, 405, 409, 410, 418, 422, 429) và 5xx lỗi máy chủ (500, 501, 502, 503, 504), mỗi mã hiển thị kèm cụm từ lý do tiêu chuẩn của nó.

Sự khác biệt giữa giá trị phím và mã phím là gì?

Công cụ này liệt kê chuỗi KeyboardEvent.key hiện đại, tức là giá trị có ý nghĩa với con người của một phím — ví dụ Enter, Escape hoặc ArrowUp. Phím cách báo cáo một ký tự khoảng trắng duy nhất, ở đây hiển thị bằng ký hiệu ␣. Chuỗi key là thứ bạn so sánh trong các trình xử lý sự kiện, như event.key === 'Enter'.

Tôi có thể dùng trực tiếp các mẫu regex này không?

Có. Mỗi mẫu được viết bằng cú pháp biểu thức chính quy chuẩn của JavaScript, sẵn sàng dán vào new RegExp('...') hoặc giữa các dấu gạch chéo. Đây là những điểm khởi đầu thực dụng — ví dụ kiểm tra email hoặc URL đơn giản — chứ không phải bộ xác thực toàn diện, nên hãy rà soát chúng theo yêu cầu chính xác của bạn.

Tìm kiếm hoạt động thế nào?

Tìm kiếm chỉ lọc tab đang hoạt động và khớp ở bất kỳ đâu trong một hàng: mã, tên, kiểu MIME, phím, tiêu đề regex hoặc chính mẫu đó. Nó không phân biệt chữ hoa chữ thường, nên gõ 'JSON', 'not found' hay '404' đều thu hẹp danh sách ngay lập tức, và bộ đếm kết quả cập nhật trực tiếp.

Có gì được gửi đến máy chủ không?

Không. Mỗi bảng là một danh sách tĩnh được nhúng vào công cụ, và toàn bộ việc lọc và sao chép diễn ra hoàn toàn trong trình duyệt của bạn. Không có gì bạn tìm kiếm bị tải lên, ghi lại hay gửi đi đâu cả, nên phiếu tra cứu hoạt động ngoại tuyến sau khi đã tải.