Troubleshoot Issues with HAR Files: A Step-by-Step Guide

Struggling with network issues in Label Studio? Generate a HAR (HTTP Archive) file to capture network requests and share it with support for a deeper analysis. Here’s how to create a HAR file in Chrome, Firefox, Edge, and Safari. Follow these steps for each browser:

1. Open Developer Tools.
2. Switch to the Network tab.
3. Record activity.
4. Reproduce the issue.
5. Save the HAR file.

Browser-Specific Instructions

Google Chrome

1. Open Developer Tools: Press Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (Mac).
2. Switch to the Network tab and ensure recording is active (red button).
3. Enable the Preserve log option.
4. Reproduce the issue by refreshing the page or performing necessary actions.
5. Save the HAR file: Click Export HAR in the Network tab.

Mozilla Firefox

1. Open Developer Tools: Press Ctrl + Shift + E (Windows/Linux) or Cmd + Option + E (Mac).
2. Go to the Network Monitor tab, ensuring recording is active (red dot).
3. Enable the Persist Logs option.
4. Reproduce the issue.
5. Save the HAR file: Click the download icon.

Microsoft Edge

1. Open Developer Tools: Press Ctrl + Shift + I (Windows/Linux).
2. Go to the Network tab and confirm recording is active.
3. Enable the Preserve log option.
4. Reproduce the issue.
5. Save the HAR file: Right-click on requests and select Save all as HAR with content.

Safari

1. Enable Developer Tools: Go to Safari > Preferences > Advanced and check Show Develop menu in menu bar.
2. Open Developer Tools: Select Develop > Show Web Inspector.
3. Go to the Network tab and ensure recording is active.
4. Reproduce the issue.
5. Save the HAR file: Right-click network requests and select Export HAR.

Why HAR Files Matter

HAR files provide a detailed view of network requests, helping the support team diagnose and resolve issues faster. Ensure the recording captures all actions, and share the file with the support team for further assistance.