Generate a HAR file for troubleshooting issues

Generating a HAR (HTTP Archive) file can help troubleshoot issues in Label Studio by capturing network requests. Here’s a step-by-step guide for generating a HAR file in major web browsers: Chrome, Firefox, Edge, and Safari.

Google Chrome

Step 1: Open Developer Tools

1. Open Chrome and navigate to the page where you're experiencing issues.
2. Press Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (Mac) to open Developer Tools, or right-click on the page and select Inspect.

Step 2: Switch to the Network Tab

1. Click on the Network tab in the Developer Tools.

Step 3: Record Network Activity

1. Make sure the recording is on (the round button is red).
2. Check the Preserve log option to capture requests even if the page redirects.

Step 4: Reproduce the Issue

1. Refresh the page or perform the actions to reproduce the issue.

Step 5: Save the HAR File

1. After reproducing the issue, click on the Export HAR button on the Network tab to download the HAR file.

Mozilla Firefox

Step 1: Open Developer Tools

1. Open Firefox and navigate to the page where you're experiencing issues.
2. Press Ctrl + Shift + E (Windows/Linux) or Cmd + Option + E (Mac) to open the Network Monitor, or right-click on the page and select Inspect Element and then click on Network.

Step 2: Record Network Activity

1. Ensure the recording is active (the red dot at the top left is on).
2. Check the Persist Logs option.

Step 3: Reproduce the Issue

1. Refresh the page or perform the actions to reproduce the issue.

Step 4: Save the HAR File

1. After reproducing the issue, click the download icon to save the network log as a HAR file.

Microsoft Edge

Step 1: Open Developer Tools

1. Open Edge and navigate to the page where you're experiencing issues.
2. Press Ctrl + Shift + I (Windows/Linux) to open Developer Tools, or right-click on the page and select Inspect.

Step 2: Switch to the Network Tab

1. Click on the Network tab in the Developer Tools.

Step 3: Record Network Activity

1. Make sure the recording is on (the round button is red).
2. Check the Preserve log option to capture requests even if the page redirects.

Step 4: Reproduce the Issue

1. Refresh the page or perform the actions to reproduce the issue.

Step 5: Save the HAR File

1. After reproducing the issue, right-click on the network requests and select Save all as HAR with content.

Safari

Step 1: Enable Developer Tools

1. Open Safari and navigate to the page where you're experiencing issues.
2. Go to Safari > Preferences > Advanced and check the Show Develop menu in menu bar option.

Step 2: Open Developer Tools

1. From the menu bar, select Develop > Show Web Inspector.

Step 3: Switch to the Network Tab

1. Click on the Network tab in the Developer Tools.

Step 4: Record Network Activity

1. Ensure the recording is active (the round button is red).
2. Check the Preserve log option.

Step 5: Reproduce the Issue

1. Refresh the page or perform the actions to reproduce the issue.

Step 6: Save the HAR File

1. Right-click on the network requests and select Export HAR.

Summary

HAR files are essential for troubleshooting web issues as they capture all network requests. Each browser follows similar steps: opening developer tools, switching to the network tab, recording activity, reproducing the issue, and saving the HAR file. Make sure to share the HAR file with the support team for further analysis.