How to: Get .HAR files for troubleshooting

Are you reporting odd UI behaviour in Umbrella? Support may ask you to generate a .HAR file to help investigate!

What are .HAR files?

They are an archival format for HTTP transactions that can be used by a web browser to export detailed performance data about web pages it loads.

How do I create one in Chrome?

Because it's meant to record what behaviour is happening, you will first need to startup the developer tools in Chrome.  This can be done by going to Menu, More Tools, Developer tools:

A window will appear that looks like this.  Select network, make sure that the record button is active and all types are displayed:

Now reproduce the browser behaviour you are experiencing.  The developer window will record it down.

Once the behaviour is produced, save the record by right clicking in the main area of the network window and selecting Save as HAR with Content.

Fill in a name and select a destination for your file and you are done!  Send this file to support.

How about for Edge/Internet Explorer?

First select the the "..." option and then F12 Developer Tools:

You should see the developer tools appear with multiple tabs.  Make sure to select the Network tab and ensure that play button is grey as this means that the tool is taking in data.

Now reproduce the browser behaviour you are experiencing.  The developer window will record it down.

Once completed, click on Export as HAR to save the file.

And you are done!  Send this file to support.

How about for Firefox?

Go to Menu, Web Developer, Network (Top right menu > Developer > Network, or ctrl-shift-E)

Now reproduce the browser behaviour you are experiencing.  The developer window will record it down.

Once completed, save the capture by right-clicking on the grid, choosing "Save all as HAR" and saving your capture.

And you are done!  Send this file to support.