Collect browser's console logs and network usage

Some issues on the client side, specific to a user can be difficult to troubleshoot if we don't have the detail information of what's going on the user's browser. The console logs allows us to debug issues that happen on your browser.

Chrome or Edge

Chrome Console logs

1. Click on the 3 dots menu in the Chrome's navigation menu.
2. Go to "More tools" and then "Developer tools.
3. Click on the "Console tab" in the Developer Tools panel:

1. Ensure that at least, the "Verbose", "Info" and Errors" log levels are selected.

1. Right click on the log area and select "Save as..."

1. Finally open the file, copy it's content and add it to the ticket or share the file on the ticket.

Chrome Network usage

1. Click on the 3 dots menu in the Chrome's navigation menu.
2. Go to "More tools" and then "Developer tools.
3. Click on the "Network tab" in the Developer Tools panel
4. Reload de page (Ctrl + R / Cmd + R)
5. Click on the play button and keep it running at least 2 minutes.
6. Then, click on the content of the "name" column and then select "Save all as HAR with content"

Firefox

Firefox console logs

1. Click on the 3 bars menu in the Firefox's navigation menu.
2. Go to "More tools" and then "Web Developer Tools.
3. Click on the "Console tab" in the Developer Tools panel:

1. Right click on the log area and select "Save all message to File"

1. Finally open the file, copy it's content and add it to the ticket or share the file on the ticket.

Firefox Network usage

1. Click on the 3 dots menu in the Firefox's navigation menu.
2. Go to "More tools" and then "Web Developer Tools.
3. Click on the "Network tab" in the Developer Tools panel
4. Reload de page (Ctrl + R / Cmd + R)
5. Click on the play button and keep it running at least 2 minutes.
6. Then, click on the content of the "name" column and then select "Save all as HAR"

Safari

Safari console logs

1. Click on the "Safari" menu item and then "Settings...".
2. Go to the "Advanced" tab and check "Show develop menu in menu bar". Close settings.
3. In the menu bar, select "Develop" and then "Show Javascript console".

1. Press "cmd + a" to select all the logs. Then, right click on the logs area and select "Save selected".

1. Finally open the file, copy it's content and add it to the ticket or share the file on the ticket.

Safari Network logs

1. Click on the "Safari" menu item and then "Settings...".
2. Go to the "Advanced" tab and check "Show develop menu in menu bar". Close settings.
3. In the menu bar, select "Develop" and then "Show Javascript console".
4. Go to the "Network" tab.
5. Reload de page (Ctrl + R / Cmd + R)
6. Click on the play button and keep it running at least 2 minutes.
7. Then, click on the "Export" button on the top right corner.

---

Last update: July 5, 2024