har-viewer icon indicating copy to clipboard operation
har-viewer copied to clipboard

Har Har Har Viewer

Har Har Har Viewer

The Hacker's Har Viewer

Features

  • Generate functional request code snippets from a request
  • Generate TypeScript types from JSON response bodies
  • Drag & Drop a HAR file to load in a new HAR.
  • Filter by URLs
  • Responsive. Works on Mobile sizes.

Planned Features

  • Open a VS Code instance in the browser with the HAR's file structure for easy viewing with one shortcut.
  • Generate requests code templates for more languages using a tool like curlconverter
  • Ability to perform actions on a subset of requests
  • Better filtering: (Filter by status codes, headers, etc..)
  • Copy headers as JSON
  • Light theme

Installation

Install the dependencies and devDependencies and start the server.

cd har-viewer
yarn
yarn dev

For production environments...

yarn build

Screenshots

Request View on a Reddit HAR

Request view on a Reddit HAR

Response View on a Reddit HAR

Response view on a Reddit HAR

TypeScript Types Generated From JSON Response

TypeScript Types Generated From JSON Response

Responsive!

Responsive!