Skip to content
Toolew.com

API Request Tester

Send an HTTP request with a custom method, headers and body directly from your browser, a lightweight alternative to Postman for quick CORS-enabled API checks.

This tool sends a request to Whatever URL you enter (direct browser request).
Loading tool…

This guide is not yet available in your language and is shown in English.

Tool guide

What this tool does

API Request Tester sends an HTTP request (any method, custom headers, request body) directly from your browser using fetch(), showing the response status, headers and pretty-printed body, a lightweight, install-free way to quickly test a CORS-enabled API endpoint.

Testing a REST API endpoint quickly, especially a public one or one you’re actively developing, doesn’t always need a full dedicated API client installed, a browser can make the exact same fetch() request your own frontend code would.

This tool sends a configurable HTTP request (method, custom headers, body) directly from your browser and displays the response status, headers and a pretty-printed body, right in the page, no install, account or extension required.

How to use API Request Tester

  1. Choose the Method and enter the URL.
  2. Add any Headers (one per line, Key: Value format).
  3. For non-GET requests, enter a Body.
  4. Press Send and review the response.

Tips for better results

  • CORS (Cross-Origin Resource Sharing) is the single biggest limitation here, a target server must explicitly allow browser-based cross-origin requests for this to succeed; a request that fails here may still work fine from a backend or a dedicated API client.
  • A JSON response body is automatically pretty-printed for readability; a non-JSON response is shown exactly as received.
  • Response headers can appear incomplete on a cross-origin request, browsers only expose a limited, safe subset of headers to JavaScript unless the server explicitly opts in via Access-Control-Expose-Headers.
  • Nothing you send passes through any Toolew server, the request goes directly from your browser to the target API, exactly as if your own frontend code had made it.

Common use cases

  • Quickly testing a public API endpoint’s response without installing a dedicated tool.
  • Checking whether an API you’re developing correctly handles CORS for browser-based requests.
  • Inspecting the exact response headers and body an endpoint returns for debugging.
  • Testing different HTTP methods or request bodies against an endpoint during development.

Common mistakes to avoid

  • Testing a protected or internal API that doesn’t send CORS headers and assuming the tool is broken when it fails, that’s the browser’s CORS policy correctly blocking the cross-origin request, not a bug; such APIs need to be tested from a backend or dedicated API client instead.
  • Forgetting to set a Content-Type header (like application/json) when sending a JSON body, some APIs require it explicitly to parse the body correctly.
  • Assuming all response headers are visible; cross-origin responses only expose a browser-defined safe subset by default unless the server explicitly exposes more via CORS configuration.

Frequently asked questions

Why does my request fail with a network error?

This is very often a CORS restriction, the target server must explicitly allow cross-origin browser requests; many APIs (especially internal or protected ones) intentionally block this and are only meant to be called from a backend server instead.

Is this the same as Postman?

It covers the same basic use case (sending a custom HTTP request and inspecting the response) for quick checks, but Postman offers far more features (collections, environments, scripting, no CORS restriction since it isn’t a browser); use this for a fast, install-free check and a dedicated client for serious API development work.

Does any of my request data pass through a Toolew server?

No, the request goes directly from your browser to the target URL using the standard fetch() API, exactly as your own frontend JavaScript code would send it.

Why are some response headers missing?

For cross-origin requests, browsers only expose a limited, safe subset of response headers to JavaScript by default; the server needs to explicitly list additional headers via Access-Control-Expose-Headers for them to be visible here.

Feedback & suggestions

Help us improve API Request Tester. We read every message.

Rating (optional)
Necessary
Required for security, language and theme preferences. Always on.