How to Analyze HAR Files Online
Access our platform to instantly review your HAR files through our online interface. It’s straightforward and completely free.
How to Create and Download a HAR File in Two Simple Ways
1. Via Your Browser Developer Tools:
- Right-click anywhere in your browser window (we use Chrome) and select “Inspect”.
- Navigate to the page where the issues are occurring.
- Select the “Network” tab within the Developer Tools panel.
- Reload the page to clear old logs (if you want to start fresh)
- Optional: Check the “Preserve log” check box if you want to save logs after reloading the page or for multiple-page recording
- Optional: Click on the Start recording button or the Record network log ⚫button.
- Reproduce the issue for HAR capture.
- Once done, click the ⬇ “Export HAR” button to save it.
Detailed steps for generating HAR files on Edge, Safari, and Firefox are available on our site.
2. Via Webvizio Browser Extension (HAR File + Full Bug Report)
With the Webvizio browser extension, you don’t need to create and export a HAR file manually, as Webvizio helps you debug by automatically collecting all network request data.
- Activate the Webvizio Extension in your browser.
- Open the Developer Tools panel by right-clicking anywhere in your browser window and selecting “Inspect”.
- Navigate to the page where the issues are occurring.
- Using the Webvizio widget, click on ➕ to log a new bug.
- Click on the web element where the bug occurred and describe the issue, then click “Create”.
- In the newly opened tab with the Webvizio interface, click on the Network tab.
- Download the HAR file by clicking on the Download icon⬇️
The Webvizio bug reporting extension not only allows you to generate a .har file, but also creates a full bug report with all technical logs and repro steps with just a few clicks right from your browser.
Watch a short video on how to create and download a HAR file with Webvizio ⬇️
How to Use the HAR Analyzer for Debugging
HAR files capture a comprehensive record of web requests and responses, making them essential for debugging and analyzing network performance. With our Free HAR File Analyzer, you can see and analyze network requests, view detailed timings, and visualize performance to troubleshoot the cause of front-end bugs.
How to use
- Uploading a file
Analyzing HAR files is easy with our online HAR file reader. Just drag and drop your files into the widget or click to upload a file. .har or .json files are accepted. - Navigate the main dashboard
We created a comprehensive visual dashboard that contains all critical data from the uploaded file, including the total number of requests, the average response time, total page load time, HTTP Errors, and more. You can also view a breakdown of the top content types, top referring domains, and an interactive diagram displaying the response time distribution. - Quick navigation to the HTTP Errors details
Click on the HTTP Errors block on the main dashboard to quickly navigate to all entries returning errors. To reset the filter and back to the default view, click on the 🔁Clear Filters/Reset View button. - Search by URL
You can search for files using the full or partial URL in the search bar at the top of the widget. You can also search by specific file type by entering a file extension (e.g., .css, .js, etc.). - Examine request details
Click on any entry to see general information, request and response headers, response body, and wait time before response. You can also search requests by URL in the search bar at the top of the list. - Analyze timings:
Understand request durations, including DNS lookup, connection, SSL handshake, and response time. - Identify issues:
Spot requests that failed or took unusually long. Check headers and payloads for error messages or clues.
Webvizio: Automatically Collect HAR Files + Full Bug Reports with a Few Clicks
Tired of explaining the complex steps to obtain a HAR file or attempting to recreate issues for analysis? Bypass the tedious manual HAR file generation process by letting Webvizio handle it automatically. The Webvizio browser extension not only provides HAR file analyzer capabilities but also delivers automated reproduction steps, browser log recordings, and AI prompts for debugging. With a simple click, report bugs or design changes that pair with user activity, collecting comprehensive bug tracking data and streamlining your bug resolution workflow, making the entire debugging process a breeze.
More Than Just Bug Reporting: Generate Detailed Prompts for AI Coding Agents to Fix Bugs in Seconds
Webvizio streamlines development workflows by creating instant, detailed tasks while interacting with website elements, complete with visual references and technical specifications. The data we collect enables us to create comprehensive prompts for AI code copilots and agents, which can be utilized to debug and implement changes in minutes (and eventually even seconds).
Try our Free AI Prompt Generator →
Learn more about automatic AI Prompts →