How to Collect Console Logs and Browser Traces
Overview
In some troubleshooting cases, the Elevar Support team may request console logs or a browser trace in addition to, or instead of, a HAR file. Follow this guide to learn how to collect console logs and browser traces.
Console Logs
Understanding Console Logs:
Console logs capture browser-level errors and warnings that occur when scripts run on your site.
How to Save Console Logs:
- Navigate to the page where the issue occurs.
- Right-click anywhere on the page and choose Inspect (or press Cmd + Option + I on Mac / Ctrl + Shift + I on Windows).
- Open the Console tab and reproduce the issue.
- Right-click inside the console window:
- In Chrome or Edge, click Save As...
- In Firefox, click Save All Messages to File
- In Safari, click Save Selected
- When done, save the file (for example, console_logs.txt).
Browser Traces
Understanding Browser Traces:
Browser traces (available in Chrome) capture a deeper record of your browser’s internal actions during a session, which is helpful for diagnosing redirect loops, performance issues, or unusual script behavior.
Record a Browser Trace (Chrome Only):
- In Chrome, open a new tab and open the following website: https://yourdomain.com/cdn-cgi/trace
- Replace yourdomain.com with your website’s domain.
- The page will load a block of diagnostic data, then copy the full text output.
- Paste this content directly into your Elevar Support ticket or save it as a .txt file.
NOTE: When to Send Console Logs or Traces
Include these files with your support ticket if you’re seeing:
- JavaScript errors or warnings in the browser console.
- Unresponsive pixels or scripts on specific pages.
- Slow page performance or script timeouts.
- Checkout redirects or unexpected page reloads.
Providing these logs alongside a HAR file gives our Support team full visibility into both network and browser-side activity, helping us diagnose issues more quickly.
Updated about 3 hours ago