HAR files and console logs help the ContactMonkey Technical Support team diagnose and fix technical issues faster. This article shows you how to capture and save these files in Chrome, Firefox, and Edge.
What Are HAR Files?
HAR (HTTP Archive) files record all interactions between your browser and a website. They capture details about every request and response, including load times, file sizes, and errors. The ContactMonkey team uses HAR files to troubleshoot issues like:
- Images not loading in the Email Builder
- Changes not saving in the Email Builder
- ContactMonkey pages or dashboard images failing to load
- Slow performance or network errors
Before You Start
Record your screen while capturing HAR files. The recording must show your device's date and time so the Technical Support team can match timestamps.
Use your device's built-in screen recorder or tools like Loom or Vidyard. Keep a clock app visible on screen if your device doesn't show the time.
Important setup steps:
- Open developer tools before reproducing the issue
- Check the Preserve logs box immediately (or similar option for your browser)
- Keep developer tools open in the same browser tab throughout the process
- Stay on the same tab - if you switch tabs, reopen developer tools
How to Save HAR Files in Chrome
- Start recording your screen with the date and time visible
- Open Chrome and navigate to the ContactMonkey page where you're experiencing issues
- Right-click anywhere on the page and select Inspect, or press F12 (or
Ctrl+Shift+I) - Click the Network tab
- Ensure the Preserve log box is checked
- Refresh the browser page
- Reproduce the issue you're experiencing in the browser
- Click the download icon (downward arrow) and save your file
- If the file is large, compress it into a ZIP file before emailing it to Support
Click here for a video walkthrough.
How to Save HAR Files in Firefox
- Start recording your screen with the date and time visible
- Open Firefox and navigate to the ContactMonkey page where you're experiencing issues
- Right-click anywhere on the page and select Inspect, or press F12 (or
Ctrl+Shift+I) - Click the Network tab
- Click the gear icon and ensure Persist Logs is checked
- Refresh the browser page
- Reproduce the issue you're experiencing in the browser
- Right-click in the Network tab and select Save All As HAR
- If the file is large, compress it into a ZIP file before emailing it to Support
Click here for a video walkthrough.
How to Save HAR Files in Edge
- Start recording your screen with the date and time visible
- Open Edge and navigate to the ContactMonkey page where you're experiencing issues
- Right-click anywhere on the page and select Inspect, or press F12 (or
Ctrl+Shift+I) - Click the Network tab
- Ensure the Preserve log box is checked
- Refresh the browser page
- Reproduce the issue you're experiencing in the browser
- Click the download icon (downward arrow) and save your file
- If the file is large, compress it into a ZIP file before emailing it to Support
Click here for a video walkthrough.
How to Save Console Logs
Console logs record JavaScript errors and other browser messages. The ContactMonkey team may request these logs to diagnose specific issues.
- Start recording your screen with the date and time visible
- Open your browser and navigate to the ContactMonkey page where you're experiencing issues
- Right-click anywhere on the page and select Inspect, or press F12 (or
Ctrl+Shift+I) - Click the Console tab
- Reproduce the issue you're experiencing in the browser
- Right-click in the Console tab and select Save as...
- If the file is large, compress it into a ZIP file before emailing it to Support
Note: These steps also work in Firefox and Edge with minor variations in menu wording.