Kiểm Tra CORS xác định xem một yêu cầu xuyên nguồn gốc từ trang của bạn có được máy chủ đích cho phép hay không. Chạy cả preflight (OPTIONS) lẫn yêu cầu thực tế, báo kết quả ALLOWED/BLOCKED, và phân tích chi tiết Access-Control-Allow-Origin, Methods, Headers, Credentials để bạn xác định chính xác lý do yêu cầu thất bại.
"Blocked by CORS" là một trong những lỗi gây bối rối nhất khi phát triển trên trình duyệt — trình duyệt âm thầm chặn yêu cầu mà không trả về thông tin hữu ích cho mã của bạn, còn việc đọc header CORS thô thì rất mất công. Kiểm Tra CORS giúp bức tranh toàn cảnh trở nên rõ ràng. Nhập URL đích, phương thức HTTP, và nguồn gốc bạn muốn dùng để kiểm tra (mặc định là trang hiện tại). Có thể liệt kê thêm bất kỳ header yêu cầu tùy chỉnh nào bạn định gửi (content-type, authorization, v.v.). Công cụ sau đó sẽ chạy yêu cầu preflight OPTIONS (tự động thêm khi yêu cầu không phải loại "simple") tiếp theo là yêu cầu thực tế, rồi phân tích mọi header phản hồi liên quan đến CORS. Nó hiển thị bảng phân tích đạt/không đạt: Allow-Origin có được thiết lập đúng không, Allow-Methods có bao gồm phương thức của bạn không, các header tùy chỉnh có nằm trong Allow-Headers không, Allow-Credentials có khớp với cờ credentials của bạn không? Kết quả cuối cùng rõ ràng không mập mờ — ALLOWED hoặc BLOCKED — và danh sách từng mục kiểm tra cho bạn biết chính xác cần sửa gì ở backend.
Phát hiện khi nào một yêu cầu preflight OPTIONS sẽ chạy (phương thức không đơn giản hoặc header tùy chỉnh) và tự động gửi kèm đúng header Access-Control-Request-*.
Mỗi quy tắc CORS được đánh giá riêng lẻ: khớp nguồn gốc, phương thức được phép, header được phép, credentials. Bạn thấy chính xác mục nào không đạt.
Biểu ngữ ALLOWED màu xanh lớn hoặc BLOCKED màu đỏ ở trên cùng — không cần đọc header để tìm câu trả lời.
Hiển thị mọi header phản hồi từ cả yêu cầu preflight và yêu cầu thực tế, với các header liên quan CORS được làm nổi bật.
Giả lập bất kỳ nguồn gốc nào, không chỉ trang hiện tại — hữu ích khi kiểm tra cách các tích hợp bên thứ ba sẽ được xử lý.
Việc dò kiểm chạy từ background của tiện ích mở rộng nên các fetch xuyên nguồn gốc không bị chặn bởi chính sách CORS của trang chủ.
Khi frontend hiển thị lỗi CORS trong console, dùng công cụ để xem chính xác header nào backend đang thiếu — nhanh hơn nhiều so với đọc tài liệu đặc tả.
Trước khi phát hành một API công khai mới, kiểm tra bằng công cụ để xác nhận mọi tổ hợp nguồn gốc, phương thức và header mong đợi đều hoạt động.
Khi tích hợp với API bên thứ ba, kiểm tra từ nguồn gốc của bạn với các header dự kiến để xác nhận yêu cầu sẽ được thông qua.
Kiểm tra giá trị Access-Control-Max-Age để biết trình duyệt sẽ lưu kết quả preflight trong bao lâu — hữu ích khi kiểm tra sau các thay đổi header.
Chạy cùng một bài kiểm tra CORS trên URL dev, staging và prod để phát hiện các cấu hình sai riêng theo từng môi trường trước khi người dùng gặp phải.
Nhấp vào biểu tượng CORS trên dock của DevSuite Pro. Một bảng điều khiển mở ra với các ô nhập URL, phương thức, nguồn gốc và header.
Dán endpoint API bạn muốn kiểm tra và chọn phương thức HTTP (GET, POST, PUT, DELETE, v.v.).
Nguồn gốc mặc định là trang hiện tại. Thay đổi nếu đang kiểm tra một nguồn gốc khác. Liệt kê các header yêu cầu tùy chỉnh, cách nhau bằng dấu phẩy.
Công cụ chạy preflight (nếu cần) và yêu cầu thực tế, sau đó hiển thị kết quả cùng các mục kiểm tra.
Nếu BLOCKED, danh sách từng mục kiểm tra sẽ cho biết phản hồi của máy chủ còn thiếu gì. Sửa header ở backend rồi kiểm tra lại.
Cài đặt DevSuite Pro miễn phí và mở khóa hơn 64 công cụ dành cho nhà phát triển cho trình duyệt của bạn.
