How to Capture Network and Console Logs in Different Browsers (Windows & Mac)
When troubleshooting website or application issues, support teams often ask for Network logs (HAR files) and Console logs from your browser. These logs help developers understand what went wrong. Below is a step-by-step guide for capturing them across Chrome, Edge, Firefox, and Safari on Windows and Mac.
Chrome (Windows & Mac)
tabs
Network logs
Open the page where the issue occurs.
Right-click → Inspect (or press Ctrl+Shift+I on Windows / Cmd+Opt+I on Mac).
Click the Network tab.
✅ Check Preserve log.
Clear existing logs → click the Clear (⦸) button at the top-left of the Network tab.
🔄 Reload the page to capture the issue.
Right-click inside the panel → Save all as HAR with content.
Console logs
Open DevTools (Right-click → Inspect).
Click the Console tab.
Clear existing logs → click the Clear Console (⦸) button at the top-left of the Console tab.
Reproduce the issue — errors will appear in red.
Right-click → Save as… to download the log file.
Microsoft Edge (Windows & Mac)
tabs
Network logs
Right-click → Inspect.
Go to the Network tab → enable Preserve log.
Click Clear (⦸) to remove old logs.
Reload the page.
Right-click → Save all as HAR with content.
Console logs
Open DevTools → Console tab.
Click Clear Console (⦸).
Reproduce the issue.
Right-click → Save as….
Mozilla Firefox (Windows & Mac)
tabs
Network logs
Press Ctrl+Shift+E (Windows) / Cmd+Opt+E (Mac) to open Network Monitor.
Click the Trash can icon in the toolbar to clear logs.
Reload the page.
Right-click → Save all as HAR.
Console logs
Press Ctrl+Shift+K (Windows) / Cmd+Opt+K (Mac) to open Web Console.
Click the Trash can icon in the toolbar to clear logs.
Reproduce the issue.
Right-click → Export visible messages to file.
Safari (Mac only)
First Time Setup
Open Safari → Preferences → Advanced.
Enable ✅ Show Develop menu in menu bar.
tabs
Network logs
From the menu bar: Develop → Show Web Inspector.
Go to the Network tab.
Click the Clear (⦸) button at the top of the panel.
Reload the page.
Right-click → Export HAR.
Console logs
In Web Inspector, go to the Console tab.
Click the Clear (⦸) button at the top of the panel.
Reproduce the issue.
Copy or export logs as needed.
Share Your Logs
Once you’ve captured the Network (HAR) and Console logs:
Save both files on your computer.
Attach them in your reply to the support request.
Send the logs to your support team — this greatly helps in diagnosing and fixing the issue.
For any doubts or further assistance, contact the Titan Support Team at: support@titan.email