whatisgithub

What is har?

waguriagentic/har — explained in plain English

Analysis updated 2026-05-18

53TypeScriptAudience · developerComplexity · 3/5Setup · moderate

In one sentence

A Chrome extension plus desktop app pair that captures network traffic, including hidden iframe and worker requests DevTools misses, and lets you browse, search, and export it as HAR or ZIP.

Mindmap

mindmap
  root((HAR))
    What it does
      Capture Chrome network traffic
      Catch iframe and worker requests
      Export to HAR or ZIP
    Tech stack
      TypeScript
      Electron and React
      SQLite
      Chrome debugger CDP
    Use cases
      Debug checkout flows
      Inspect captcha requests
      Redact sensitive data before export
    Audience
      Developers
      QA engineers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Capture and inspect network requests hidden inside iframes, like payment or captcha widgets.

USE CASE 2

Follow a multi domain checkout or signup flow across several redirects in one session.

USE CASE 3

Export captured traffic to a HAR file or ZIP archive, with sensitive headers redacted.

USE CASE 4

Search and inspect thousands of captured requests using the desktop app's virtualized list.

What is it built with?

TypeScriptElectronReactSQLiteChrome Extension

How does it compare?

waguriagentic/haralibaba-cloud-design/vibe-designing-playbookellian-eorwyn/hephaestus
Stars535353
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderateeasyeasy
Complexity3/51/52/5
Audiencedeveloperdesignervibe coder

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires building and manually loading an unpacked Chrome extension, then pairing it with the desktop app via a token.

No license information is stated in the README.

So what is it?

HAR Capture Suite is a tool for recording all the network traffic that happens while you browse in Chrome, including requests that Chrome's own built in developer tools normally miss. It shows the captured traffic live in a separate desktop application, saves sessions to a local database, and can export everything as a HAR file or a ZIP archive, with an option to hide sensitive information before exporting. The project has two parts working together. A Chrome browser extension uses Chrome's debugging protocol to watch network activity not just on the page you are viewing, but also inside embedded elements like cross origin iframes, for example a payment popup or a captcha widget, and inside background workers, both of which the normal Network tab in DevTools tends to drop. A desktop app built with Electron, React, and TypeScript receives that traffic over a locally running, token protected connection, stores it, and lets you browse, search, and export it. You can choose how much to capture, either just data requests and page navigations like form submissions, or everything including images, fonts, and scripts. Once a tab starts being captured it keeps recording through every navigation in that tab, even to sites not on your allowlist, which is useful for following a checkout flow that redirects through several different domains. The desktop app offers a searchable, virtualized list that can handle tens of thousands of rows, detailed views of headers and request bodies, a right click menu to copy a request as a curl command or fetch call, and built in detection of captcha related requests. Getting started requires Node.js 20 or newer and Chrome, Chromium, or Edge. After installing dependencies you build the browser extension and load it manually through Chrome's extension developer mode, then run the desktop app, which starts a local pairing server. Pairing links the extension and the desktop app with a token shown in the desktop app's status bar. From there you add domains to an allowlist, browse normally, and watch requests appear live in the desktop app for inspection or export.

Copy-paste prompts

Prompt 1
Explain how HAR Capture Suite uses Chrome's debugger protocol to capture traffic from cross origin iframes and workers.
Prompt 2
Walk me through pairing the Chrome extension with the desktop app for the first time.
Prompt 3
How would I redact Authorization and Cookie headers when exporting a HAR file with this tool?
Prompt 4
Show me how to set up an allowlist so a tab keeps capturing traffic through a checkout redirect.

Frequently asked questions

What is har?

A Chrome extension plus desktop app pair that captures network traffic, including hidden iframe and worker requests DevTools misses, and lets you browse, search, and export it as HAR or ZIP.

What language is har written in?

Mainly TypeScript. The stack also includes TypeScript, Electron, React.

What license does har use?

No license information is stated in the README.

How hard is har to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is har for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.