Browser Developer Tools: HAR File for troubleshooting issues

There may be instances where issues cannot be reproduced at Camms end and that developers may require HAR Files captured from a web-browser for further investigations. The below instructions show how to capture a Har file on your desktop computer to assist us in identifying a root cause of an issue.

What is a HAR file?

A HAR (HTTP Archive) file is a file format used for recording and storing information about interactions that occur between a web browser and a website. HAR files are typically used for performance analysis and debugging web pages. The information captured in a HAR file includes details about the various resources (such as HTML, CSS, JavaScript, images, etc.) loaded by the browser, as well as details about each HTTP request and response.

HAR files are valuable for web developers, performance engineers, and system administrators as they can be analyzed to identify bottlenecks, errors, or inefficiencies in the loading and rendering of web pages. The file format is based on JSON (JavaScript Object Notation), making it human-readable and easily parsed by tools and applications for further analysis. HAR Analyzer by Google: https://toolbox.googleapps.com/apps/har_analyzer/

How to Capture Network Trace?

Step 1: Open the browser (Edge/ Chrome) -> click on ‘Developer tools’ (OR press the F12 key)

Step 2: Click on the ‘Network’ Tab -> Check the ‘preserve log’ check box. Continue with replicating the issue / testing within the browser whilst the developer tool is still running.

Step 3: If you come across any issues related to cache, without clearing the cache please download the HAR file and attach it to the helpdesk ticket/case so we can share this with our developer.