Network capture for troubleshooting an issue

Chrome

1. In Chrome, go to the page where you are experiencing the issue.
2. At the top-right of your browser window, click the Chrome menu (⋮).
3. Select More Tools > Developer Tools. The Developer Tools window opens as a docked panel at the side or bottom of Chrome.
4. Click the Network tab.
5. Select Preserve log.
6. You will see a red circle at the top left of the Network tab. This means the capture has started. If the circle is black, click the black circle to start recording activity in your browser.
7. Refresh the page and reproduce the problem while the capture is running.
8. After you successfully reproduce the issue, right click on any row of the activity pane below and select Save as HAR with Content.
9. Send the file back to the technical team in order to troubleshoot the issue.

Firefox

1. In Firefox, go to the page where you are experiencing the issue.
2. Click the Firefox menu (Three horizontal parallel lines) at the top-right of your browser window.
3. Select More Tools > Web Developer Tools > Network.
4. The Developer Tools window opens as a docked panel at the side or bottom of Firefox.
5. Click the Network tab.
6. Select Persist logs.
7. Refresh the page and reproduce the problem while the capture is running.
8. After you successfully reproduce the issue, right-click any row of the activity pane below and select Save all as HAR.
9. Send the file back to the technical team in order to troubleshoot the issue.

Edge

1. In Edge, go to the page where you are experiencing the issue.
2. At the top-right of your browser window, click the Edge menu (⋮).
3. Select Developer Tools.
4. Click the Network tab.
5. Clear the Clear entries on navigate option, which is selected by default. The icon looks like blue arrow with a red X.
6. The green play button (Start Profiling Session), should be selected by default. This means the capture function is running.
7. Refresh the the page and reproduce the problem while the capture is running.
8. Once you have reproduced the issue, click the Export as HAR icon. The icon looks like a floppy disk.
9. Send the file back to the technical team in order to troubleshoot the issue.

Safari

1. In Safari, first ensure your Develop menu is available navigating to the menu bar and selecting Preferences > Advanced: "Show Develop menu in menu bar"
2. Go to the page where you are experiencing the issue.
3. In the menu bar at the top, click Develop and select Show Web Inspector.
4. Click the Console tab and select Preserve Log.
5. Go back to the Network tab.
6. Refresh the page and reproduce the problem while the capture is running.
7. After you successfully reproduce the issue, right-click any row of the activity pane below and select Export HAR.
8. Send the file back to the technical team in order to troubleshoot the issue.