← 기능 섹션으로 돌아가기
Free

CORS Checker

CORS Checker tests whether a cross-origin request from your site would be allowed by the target server. Runs the preflight (OPTIONS) and actual request, reports an ALLOWED/BLOCKED verdict, and breaks down Access-Control-Allow-Origin, Methods, Headers, and Credentials so you can pinpoint exactly why a request is failing.

"Blocked by CORS" is one of the most confusing errors in browser development — the browser silently prevents the request without returning useful information to your code, and reading raw CORS headers is tedious. CORS Checker makes the whole picture clear. Enter the target URL, HTTP method, and the origin you want to test as (defaults to your current page). Optionally list any custom request headers you plan to send (content-type, authorization, etc.). The tool then runs the preflight OPTIONS request (automatically added when the request isn't "simple") followed by the actual request, and parses every relevant CORS response header. It then renders a pass/fail breakdown: is Allow-Origin set correctly, does Allow-Methods include your method, are your custom headers in Allow-Headers, does Allow-Credentials match your credentials flag? The final verdict is unambiguous — ALLOWED or BLOCKED — and the per-check list tells you exactly what to fix on the backend.

라이브 미리보기
example.com
CORS Checker ✓ Testing complete
POST https://api.backend.com/users
Origin:https://app.example.com Headers:content-type,authorization
✓ Request would be ALLOWED
Checks
Allow-Origin matches https://app.example.com
Method POST is allowed
Request headers permitted by Allow-Headers
Preflight (OPTIONS) · 204 No Content
access-control-allow-origin: https://app.example.com
access-control-allow-methods: GET, POST, PUT, DELETE
access-control-allow-headers: content-type, authorization
access-control-max-age: 86400
주요 기능

Automatic Preflight Detection

Detects when a preflight OPTIONS request would run (non-simple methods or custom headers) and fires it automatically with the correct Access-Control-Request-* headers.

Per-Check Breakdown

Each CORS rule is evaluated individually: origin match, allowed methods, allowed headers, credentials. You see exactly which check fails.

Unambiguous Verdict

Big green ALLOWED or red BLOCKED banner at the top — no reading headers to figure out the answer.

Full Header Inspection

Shows every response header from both preflight and actual requests, with CORS-specific headers highlighted.

Custom Origin Testing

Pretend to be any origin, not just the current page — useful for testing how third-party integrations would be handled.

Works From Background

The probe runs from the extension background so cross-origin fetches are not blocked by the host page's own CORS policy.

주요 활용 사례

Debugging "Blocked by CORS" Errors

When your frontend shows a CORS error in the console, use the tool to see exactly which header the backend is missing — much faster than reading spec sections.

Validating API CORS Config

Before shipping a new public API, test it from the tool to confirm every expected origin, method, and header combination works.

Third-Party Integration Testing

When integrating with a third-party API, test from your origin with your planned headers to confirm the request will go through.

Preflight Cache Debugging

Check the Access-Control-Max-Age value to see how long the browser will cache preflight results — useful when testing after header changes.

Cross-Environment Testing

Run the same CORS test against dev, staging, and prod URLs to catch environment-specific misconfigurations before users do.

사용법
1

Open CORS Checker

Click the CORS icon in the DevSuite Pro dock. A panel opens with URL, method, origin, and headers inputs.

2

Enter Target URL & Method

Paste the API endpoint you want to test and pick the HTTP method (GET, POST, PUT, DELETE, etc.).

3

Set Origin & Headers

Origin defaults to the current page. Change it if testing a different origin. List any custom request headers comma-separated.

4

Click Test CORS

The tool runs the preflight (if needed) and the actual request, then renders the verdict and checks.

5

Read & Fix

If BLOCKED, the per-check list tells you what's missing from the server's response. Fix the backend header and re-test.

시작할 준비가 되셨나요? CORS Checker?

DevSuite Pro를 무료로 설치하고 브라우저용 39개 이상의 개발자 도구를 사용해보세요.

Chrome에 추가 Edge에 추가 Firefox에 추가