How to Save Google Chrome Network Logs for Troubleshooting

If you're encountering issues with an Alleo board on your local browser, slow performance, or other network-related problems, saving the network logs in Google Chrome can provide valuable insight. These logs capture all network requests made by the browser, including any errors or delays that might be affecting your experience. This guide will show you how to save network logs in Google Chrome for troubleshooting purposes.

Steps to Save Network Logs

Step 1: Open Google Chrome Developer Tools

1. Open Google Chrome and navigate to the page where you’re experiencing issues.
2. Open the Developer Tools by either:
   • Pressing F12 on your keyboard, or
   • Using the keyboard shortcut:
     • Windows/Linux: Ctrl + Shift + I
     • Mac: Cmd + Option + I

Step 2: Access the Network Tab

1. In the Developer Tools panel, click on the Network tab. This tab will show all network requests made by the browser as it loads the page.  Keep in mind you may need to refresh/reload the page to see the network messages.
2. Make sure that Preserve log is checked (this will keep the log entries even if the page refreshes). You can find this option at the top-left of the Network panel.

Step 3: Reproduce the Issue

To capture the relevant network traffic, try to recreate the issue or perform the actions that led to the problem. The Network tab will display all requests, responses, and errors related to the page’s loading process.

Step 4: Save the Network Log

Once you’ve reproduced the issue, follow these steps to save the Network log:

1. Right-click anywhere inside the Network tab (on the list of network requests).
2. From the context menu, select Save as HAR with Content.
3. Choose a location on your computer to save the file and give it a name (e.g., network-log.har).
4. Click Save.

The log will be saved as a .har (HTTP Archive) file, which includes all the details of the network requests, including the response times, status codes, headers, and any errors.

Step 5: Share the Network Log

Once saved, you can attach the .har file to an Alleo support ticket to share with the Alleo support team. They can use this file to analyze the network traffic and diagnose any issues more effectively.

Additional Tips

• Clear the Network Log: If there are too many entries, you can click the Clear button (the trash can icon) to remove all previous logs before reproducing the issue.
• Filter Requests: You can filter the displayed requests by type (e.g., XHR, JS, Img) using the filter options at the top of the Network tab.

By following these steps, you’ll be able to capture and save network logs that will help identify the cause of issues with page loading, slow network performance, or other connectivity problems.