# Getting Browser Network and Console Logs

To troubleshoot some issues, logs from your browsers' Network and Console tabs will be requested, please see the steps below to pull those logs.

## 🔧 Accessing Developer Tools

- Press `F12` or `Ctrl+Shift+I` (Windows/Linux)     
- Or `Cmd+Option+I` (Mac)
- Alternatively: Right-click on the page > **Inspect**

## 📜 The Console Tab

After opening Developer Tools, click the **Console** tab.

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569305405.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569305405.png)

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569577537.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569577537.png)

## 🌐 Accessing the Network Tab

After opening Developer Tools, click the **Network** tab.

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569325655.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569325655.png)

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569564027.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569564027.png)

This shows all network requests (like XHR, Fetch, JS, CSS, etc.). Make sure to **refresh the page** if you opened the tab after the page loaded.

## 💾 Persisting Logs

By default, logs may clear on navigation or refresh.

To keep logs, on the **Network** tab look for the **"Preserve log"** checkbox or the **"Persist Logs"** dropdown option near the top.
    
[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569352225.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569352225.png)

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569501159.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569501159.png)

On the **Console** tab look for the **"Preserve Log"** checkbox or the **"Persist Logs"** within the Settings cog near the top.

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569813849.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569813849.png)

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569782581.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569782581.png)

Enable it to keep logs between page loads.

## 📥 Saving Console Output

1. Right-click in the **Console** area.
2. Choose **"Save as..."** or **"Save all Messages to File"** to download the console output.

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569934086.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569934086.png)

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569948596.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569948596.png)

## 📤 Exporting Network Traffic as HAR

1. Go to the **Network** tab.  
2. Make sure **"Preserve log"** is enabled if you want to capture navigation.
3. Reload the page or reproduce the issue.
4. Click the download button (**"Export HAR (sanitized)..."**) on the top bar.

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569419859.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569419859.png)

[![](https://ems-docs.element.io/uploads/images/gallery/2025-04/scaled-1680-/image-1745569542229.png)](https://ems-docs.element.io/uploads/images/gallery/2025-04/image-1745569542229.png)