Skip to content
OneClick Network ViewAdd to Chrome

For frontend, QA and API developers

Every API call. Copy it as code.

A DevTools panel that shows only the API requests a page makes, without the images, scripts and trackers. Click one to read its headers, payload and response, then copy it as cURL, fetch, axios or Angular, or export a Postman collection.

  • Free, no account
  • cURL · fetch · axios · Angular · Postman
  • Stays on your computer

One request, four ways

Click a request. Paste it anywhere.

Every captured request turns into code you can run: in the terminal, in a test, in your Angular service. Headers and body come along, so what you paste is what the page sent.

cURL
curl -X POST 'https://shop.example/api/cart' \
  -H 'Content-Type: application/json' \
  -d '{"productId":42,"qty":1}'
fetch
await fetch('https://shop.example/api/cart', {
  method: 'POST',
  headers: {'Content-Type': 'application/json'},
  body: JSON.stringify({productId: 42, qty: 1}),
});
axios
await axios.post(
  'https://shop.example/api/cart',
  {productId: 42, qty: 1},
  {headers: {'Content-Type': 'application/json'}},
);
Angular
this.http.post(
  'https://shop.example/api/cart',
  {productId: 42, qty: 1},
  {headers: {'Content-Type': 'application/json'}},
).subscribe();

Sound familiar?

The Network tab is a haystack.

Noise

200 rows, and 6 of them are your API

Images, fonts, scripts and analytics bury the calls you actually came to look at.

Copy

Copy as cURL, then fix it by hand

You still have to turn it into fetch or axios for your code, header by header.

Postman

Rebuilding requests in Postman

Retyping URLs, headers and bodies to save a collection you could have exported.

Hand-off

“Which call fails?” in a bug report

QA sees the error, but sending the exact request to a developer takes screenshots and guesswork.

How it works

Inspecting in three steps.

  1. 1

    Open DevTools

    Press F12 on any page and switch to the OneClick Network tab.

  2. 2

    Reload the page

    Requests appear as they happen, with a color badge per method, status, time and size. API only and 1st-party only hide the noise.

  3. 3

    Click and copy

    Open a request to read its headers, payload and response, then copy it as cURL, fetch, axios or Angular code, or resend it.

What it does

The Network tab, minus the noise.

Free

Only the requests that matter.

API only keeps JSON, XML and GraphQL calls and drops tracking. 1st-party only hides other domains. Hide noise removes images, scripts, CSS, fonts and media in one click.

  • API only and 1st-party only
  • Filter by GET, POST, PUT, DELETE, PATCH
  • Search by URL, path or domain
  • Summary: count, time, size, per method
Free

Everything about one request.

Open a request to read its headers, payload and response body, copy any of them, or resend it and see the new result in the list.

  • Headers, payload, response
  • Copy payload or response
  • Resend a request
  • Full-width All APIs view
Free

Export as code or a collection.

Copy a request as cURL, fetch, axios or Angular HttpClient, or export every filtered request as a Postman collection in one file.

  • cURL and fetch
  • axios and Angular HttpClient
  • Postman collection export
  • Demo mode with 6 sample requests

Everything inside

Capture

  • XHR and fetch requests
  • Method color badges
  • Status, time, size
  • Up to 500 saved entries

Filter

  • API only
  • 1st-party only
  • Hide noise groups
  • Method + URL search

Export

  • cURL · fetch
  • axios · Angular
  • Postman collection
  • Resend request

Privacy

Your traffic stays on your machine.

No server

Captured requests are kept in Chrome storage on your computer, capped at 500 entries. Nothing is sent anywhere.

No tracking

No analytics, no account, no ads.

Three permissions

activeTab and tabs to know which page you are inspecting and open the full-width view, storage to keep captured requests and settings.

Lives in DevTools

It only captures while its DevTools panel is open, so it stays out of your everyday browsing.

Price

Free. Every export, today.

Capturing, filtering and all five exports work for free right now, with no account.

Free

$0

No account, no trial clock.

  • Capture and inspect requests
  • API only, 1st-party, hide noise
  • cURL and fetch export
  • axios, Angular and Postman (free for now)
Add to Chrome

Pro In the works

Pay once

A one-time Pro is planned for these. No subscription. You will hear before anything changes.

  • axios and Angular code
  • Postman collection export
  • Multi-request export
Tell me when it is ready

Hear before Pro lands.

One email before anything moves to Pro. No spam, unsubscribe anytime.

No spam. Unsubscribe anytime.

Follow along

Built in the open.

Good to know

Questions before you install.

How is it different from the Network tab in DevTools?

It shows the same traffic, filtered down to the API calls you care about. One click hides images, scripts, CSS, fonts, media and third-party trackers, and every request can be copied as ready-to-run code.

Which code can I copy a request as?

cURL, fetch, axios and Angular HttpClient. You can also export the filtered list as a Postman collection.

Can I try it without a real page?

Yes. Demo mode loads six sample requests so you can try filtering and exporting right away.

Does it send my requests anywhere?

No. Captured requests stay in Chrome storage on your computer (up to 500 entries). There is no server and no analytics.

Is it free?

Yes. Capturing, filtering and every export work for free today. A one-time Pro is planned for axios, Angular and Postman export; leave your email to hear before anything changes.

Find the call. Ship the fix.

Free on Chrome for Mac, Windows, Linux and ChromeOS.

Add to Chrome, it’s free