---
title: How to Collect Browser Console and Network Logs for Troubleshooting
description: "\"Learn how to collect browser console and network logs in Chrome, Edge, or Firefox to troubleshoot web application issues. Follow these steps to save and share logs effectively.\""
---

[Skip to content](https://support.swyftsol.com/knowledge-base/how-to-collect-browser-console-and-network-logs-for-troubleshooting#main-content)

[Client Portal](https://support.swyftsol.com/tickets?hsLang=en)

[![SWYFT Solutions Logo](https://support.swyftsol.com/hs-fs/hubfs/Email%20Signature%20Images/SWYFT%20Solutions%20Logo_Email%20Signature.png?width=125&height=44&name=SWYFT%20Solutions%20Logo_Email%20Signature.png)](https://www.swyftsol.com/)

- [SWYFT Solutions Home](https://www.swyftsol.com/)

Open main navigation

Close main navigation

- [SWYFT Solutions Home](https://www.swyftsol.com/)
- [Client Portal](https://support.swyftsol.com/tickets)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [SWYFT Solutions Knowledge Base](https://support.swyftsol.com/knowledge-base?hsLang=en)
2. [Troubleshooting](https://support.swyftsol.com/knowledge-base/troubleshooting?hsLang=en)

# How to Collect Browser Console and Network Logs for Troubleshooting

## When troubleshooting issues within a web browser application, collecting browser console and network logs can help identify the root cause. This guide explains how to collect these logs using Chrome, with similar steps applicable to Edge and Firefox.

### Step 1: Access the Problem Area

Navigate to the area in the web application where you’re experiencing unexpected behavior.

NOTE: The following steps are for Google Chrome, but the process is the same for Microsoft Edge and very similar for Mozilla Firefox.

### Step 2: Open the Browser Developer Tools

1. Right-click anywhere on the page and select **Inspect (CTRL+SHIFT+C)**. 
     - The Developer Tools will open, typically on the right side of your screen. It may open along the bottom for Firefox

### Step 3: Access the Console Tab

1. Select the **Console** tab in the Developer Tools.
2. Clear the console by clicking **Clear Console** (**CTRL + L)**.  
     1. For Firefox, this is a small trash bin icon in the top left of the console window.

![](https://support.swyftsol.com/hs-fs/hubfs/image-png-Jan-09-2025-12-10-42-8847-AM.png?width=563&height=138&name=image-png-Jan-09-2025-12-10-42-8847-AM.png)

### Step 4: Access the Network Tab

1. Switch to the **Network** tab.
2. Clear the network log by clicking **Clear** (**Ctrl + L)**. 
     1. For Firefox, this is a small trash bin icon in the top left of the console window.

![](https://support.swyftsol.com/hs-fs/hubfs/image-png-Jan-09-2025-12-11-47-3801-AM.png?width=531&height=93&name=image-png-Jan-09-2025-12-11-47-3801-AM.png)

### Step 5: Recreate the Unexpected Behavior

Perform the actions in the application that cause the unexpected behavior.

- This process will capture the relevant logs and network activity needed for troubleshooting.

 

TIP: If possible, it is best practice to capture a screen recording while you are recreating the steps. This can help ensure the support team has a clear understanding of the steps carried out to result in the logs collected.

 

### Step 6: Save the Logs

1. **Save Console Logs:**
   
     - In the **Console** tab, right-click on any log entry and select **Save As.**
     - Save the file as a **.log** file. 
           - For Firefox, save the file as a **.txt** file.

![](https://support.swyftsol.com/hs-fs/hubfs/image-png-Jan-09-2025-12-12-59-8412-AM.png?width=343&height=464&name=image-png-Jan-09-2025-12-12-59-8412-AM.png)

1. **Save Network Logs:**
   
     - In the **Network** tab, click the **Export HAR** button (a down arrow in the top-right corner). 
           - For Firefox, right click on any of the entries in the Network log and select **Save All As HAR.**
     - Save the file as a **.har** file.

![](https://support.swyftsol.com/hs-fs/hubfs/image-png-Jan-09-2025-12-13-32-1209-AM.png?width=660&height=143&name=image-png-Jan-09-2025-12-13-32-1209-AM.png)

 

For further assistance, please contact the SWYFT Support team at [support@swyftsol.com](mailto:support@swyftsol.com) and we’ll be happy to assist.

 

- [FAQs](https://support.swyftsol.com/knowledge-base/faqs?hsLang=en)
- [Getting started](https://support.swyftsol.com/knowledge-base/getting-started?hsLang=en)
- [Troubleshooting](https://support.swyftsol.com/knowledge-base/troubleshooting?hsLang=en)
- [General](https://support.swyftsol.com/knowledge-base/general?hsLang=en#main-content)

    - [Update](https://support.swyftsol.com/knowledge-base/general?hsLang=en#update)
- [Account](https://support.swyftsol.com/knowledge-base/account?hsLang=en)
- [Settings](https://support.swyftsol.com/knowledge-base/settings?hsLang=en)

[![SWYFT Solutions Logo](https://support.swyftsol.com/hs-fs/hubfs/Email%20Signature%20Images/SWYFT%20Solutions%20Logo_Email%20Signature.png?width=125&height=44&name=SWYFT%20Solutions%20Logo_Email%20Signature.png "SWYFT Solutions Logo")](https://www.swyftsol.com)

<https://www.linkedin.com/company/swyftsolutions> <https://www.instagram.com/swyftsolutions/> <https://www.facebook.com/Swyft.Solutions/>