Capturing web browser events

Overview

This process will take you through the steps on How to Capture web browser HAR events

Affected Systems

All Windows Operating Systems

Remediation

Open Microsoft Edge web browser and open the problematic URL
Press F12 to launch Microsoft Edge DevTools. You can also launch the tools from the toolbar menu under More tools > Developer tools.
By default, the browser keeps trace information only for the page that's currently loaded. Set the following options so the browser keeps all trace information, even if your repro steps require going to more than one page.

Select the Console tab, select Console settings, then select Preserve Log.

Screenshot that highlights the Preserve log option on the Console tab in Edge.

b. Select the Network tab. If that tab isn't visible, click the More tools (+) button and select Network. Then, from the Network tab, select Preserve log.

Screenshot that highlights the Preserve log option on the Network tab in Edge.

On the Network tab, select Stop recording network log and Clear.

Screenshot showing the Stop recording network log and Clear options on the Network tab in Edge.

Select Record network log, then reproduce the issue.

Screenshot showing how to record the network log in Edge.

You'll see session output similar to the following image.

Screenshot showing session output in Edge.

After you have reproduced the unexpected portal behaviour, select Stop recording network log, then select Export HAR and save the file.

Screenshot showing how to Export HAR on the Network tab in Edge.

Stop the Steps Recorder and save the recording.
Back in the browser developer tools pane, select the Console tab. Right-click one of the messages, then select Save as..., and save the console output to a text file.

Sccreenshot showing how to save the console output in Edge.

Package the browser trace HAR file, console output