git404hub

what is har fr?

waguriagentic/har — explained in plain English

Analysis updated 2026-05-18

53TypeScriptAudience · developerComplexity · 3/5Setup · moderate

tl;dr

A two part tool that captures every network request from a Chrome tab, including hidden iframe and form-submission traffic, for viewing, searching, and exporting as HAR files.

vibe map

mindmap
  root((HAR Capture Suite))
    What it does
      Captures network traffic
      Sees hidden iframe requests
      Exports HAR and ZIP
    Tech stack
      TypeScript
      Electron
      React
      SQLite
    Use cases
      Debug checkout flows
      Inspect captcha traffic
      Share redacted traces
    Audience
      Developers
      QA engineers
      Security testers

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 make with this?

VIBE 1

Debug why a checkout or payment flow is failing by watching every network request across domain hops.

VIBE 2

Capture traffic from embedded iframes and workers that Chrome DevTools normally hides.

VIBE 3

Save and revisit past network capture sessions stored locally in a SQLite database.

VIBE 4

Export a redacted HAR or ZIP file to share network traces without leaking auth tokens or cookies.

what's the stack?

TypeScriptElectronReactSQLiteNode.js

how it stacks up fr

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 i run it?

Difficulty · moderate time til it works · 30min

Requires Node.js 20+, a Chromium based browser, and pairing the extension to the desktop app before first use.

No license information is provided in this repository.

in plain english

HAR Capture Suite is a tool for recording every network request a Chrome tab makes, including requests that Chrome's own built in developer tools sometimes miss, such as traffic inside embedded iframes for captchas or payment forms, or full page navigations during a signup form submission. It is made of two parts working together: a Chrome browser extension that watches network activity using Chrome's debugging protocol, and a separate desktop app built with Electron and React that receives that traffic and displays it live. Once paired together using a security token, the extension streams every request it sees to the desktop app over a local connection on your own computer. The desktop app shows requests in a scrollable, searchable timeline that can handle very large sessions, and lets you click into any request to see its headers, payload, and response body, with JSON responses formatted for readability. You can also inspect WebSocket messages, right click a request to copy it as a curl command or fetch call, and import HAR files you already have. A feature called sticky tab capture means that once a tab starts being recorded, it keeps recording even as you navigate to other websites in that same tab, which is useful for following a full checkout flow that hops between different domains. The tool can also detect captchas on a page. Captured sessions are saved locally in a SQLite database so you can come back to past sessions later, and everything can be exported as a HAR file or a ZIP archive, with an option to automatically hide sensitive information like authorization headers and cookies before exporting. To use it, you install the project's dependencies with npm, build and load the Chrome extension in developer mode, and run the desktop app, then pair the two together using a token shown in the desktop app. After that, you add the websites you want to watch to an allowlist and Chrome will start capturing their traffic automatically. Requires Node.js and Chrome, Chromium, or Edge on Windows, Mac, or Linux.

prompts (copy fr)

prompt 1
Help me build and load the HAR Capture Suite Chrome extension in developer mode.
prompt 2
Explain how HAR Capture Suite uses chrome.debugger and CDP to capture traffic from cross-origin iframes and workers.
prompt 3
Walk me through pairing the Chrome extension with the desktop app using the pairing token.
prompt 4
Show me how to export a captured session as a HAR file with sensitive headers redacted.
prompt 5
Help me set up an allowlist so only specific domains get captured while I browse.

Frequently asked questions

what is har fr?

A two part tool that captures every network request from a Chrome tab, including hidden iframe and form-submission traffic, for viewing, searching, and exporting as HAR files.

What language is har written in?

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

What license does har use?

No license information is provided in this repository.

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.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.