How do I use developer tools to collect logs?

Our team prides itself on helping you troubleshoot issues when they do occur. Sometimes we need to understand the problem in the context of a customer's storage, internet service, and local security infrastructure. We want to preview the network interaction between the customer and our back end services. In these cases, if we are unable to reproduce the bug locally, you can help us help you by collecting the developer tool logs. Here are the steps to follow (example for Google Chrome):

1. Open the platform and go to View > Developer > Developer tools:

   1. From within the browser window, right-click on the screen, and select ‘Inspect’. \

      
2. The tools will open on the right-hand side of your screen. There are 4 tabs across the top – Elements, Console, Sources, Network. Select Network.

1. Under Network, check the box next to Preserve log.

   1. Chrome / Chromium / Microsoft Edge / Safari:\

      
   2. Firefox: Click on the Settings button (gear icon) in the Network box, and make sure ‘Persist Logs’ is selected\

      
2. Proceed with navigating to the page of interest and reproduce the steps initially took when encountering the issue.

3. When you experience the issue, please save the log.

   1. Chrome / Chromium / Microsoft Edge / Safari: Click on the ‘Export’ or ‘Export as HAR’ button, and save the file in the desired location.

   

   b. Firefox: Click on the Settings button (gear icon) in the Network box, and click ‘Save all as HAR’\

   

We will begin troubleshooting right away.