Skip to content

How to Capture Add-In Trace (HAR File) with Microsoft Edge DevTools Preview

 

 

In some cases, our support team can ask you to provide the captured SSI Add-In trace (HAR file) for the troubleshooting analysis. This article provides detailed instructions on how to capture the HAR file from the Outlook Add-In using Microsoft Edge DevTools Preview.

Tip

Refer to this Microsoft article for more information on browser trace capturing

 

System requirements

To capture SSI Add-In trace (HAR file) from Outlook using Microsoft Edge DevTools Preview, your system must meet the following requirements:


If your system does not meet the above requirements, consult the table below, showing other tools for trace capturing:

List of tools for trace (HAR file) capturing on different systems

OS / Platform

Browser

Tool for trace capturing

Office on the web (OWA interface)

The browser in which Office is opened

Developer Tools in the browser opened

macOS

Safari

Developer Tools in Safari

Windows / non-subscription Office 2013 or later

Internet Explorer 11

Fiddler / IEChooser

Windows 10 ver. < 1903 / Office 365

Internet Explorer 11

Fiddler / IEChooser

Windows 10 ver. ≥ 1903 /
Office 365 ver. < 16.0.11629

Internet Explorer 11

Fiddler / IEChooser

Windows 10 ver. ≥ 1903 /
Office 365 ver. ≥ 16.0.11629

Microsoft Edge

Microsoft Edge DevTools /
Fiddler with loop back



Install Microsoft Edge DevTools Preview app

To capture HAR files (logs) from Edge-engine running apps (such as Outlook on the desktop), you can use Microsoft Edge DevTools Preview app.

You can get the Microsoft Edge DevTools Preview app from the Microsoft Store via this link.

Tip

The interface of Microsoft Edge DevTools Preview is similar to the DevTools interface in Edge or Chrome browsers



Capture SSI Add-In trace (HAR file)

  1. Launch Microsoft Edge DevTools Preview and go to the Local tab




  1. Launch your Outlook on the desktop and open SSI Add-In

  1. Click the Refresh button in Microsoft Edge DevTools Preview to get actual network activity from the launched Add-In



  1. Double-click on the appeared SSI Add-In debug target

  1. In the opened window, go to the Network tab





  1. Check if logs recording is enabled (Start button is grayed out, and Stop button is active)



  1. Click the Clear Session icon to remove collected traces




  1. Go to the Console tab





  1. Click the Trash Bin icon to clear the Console logs





  1. Insert the following command in the Console field and press Enter to execute it:
location.reload()


Important

This is a necessary step before you start reproducing an issue

location.reload() command makes Add-In restart without closing it. So after you reproduce an issue and save the HAR trace from Microsoft EDGE DevTools Preview, you get the complete picture of what was done

Many issues have root causes popping up at the beginning of Add-In loading. And not always are such traces captured into logs without applying this command


  1. Go to SSI Add-In in Outlook and execute the steps (actions) to reproduce an issue

  2. Return to Microsoft EDGE DevTools Preview and go to the Network tab again

  1. Click the Export as HAR button to save the collected logs as .har file





Once you perform the above actions, forward the exported HAR file containing SSI Add-In trace to our support team for further analysis.