📸 How to Provide Screenshots and Console Logs for Support

If you've been asked by our Support team to provide screenshots and browser console logs, this guide will walk you through how to capture and share the necessary information using Google Chrome.

🔍 How to Open the DevTools Console in Chrome

Google Chrome’s Developer Tools allow you to inspect elements on a page and view behind-the-scenes feedback — including any error messages that may help us diagnose the issue.

There are several ways to open DevTools:

✅ Quickest Method

Windows/Linux: Press CTRL + SHIFT + I
- Then click the 'console' tab.
Mac: Press Command + Option + J

🖱️ Right-Click Method

Right-click anywhere on the page
Select Inspect
Click the Console tab

📂 Chrome Menu Method

Click the three-dot menu (⋮) in the upper-right corner of Chrome
Go to More Tools > Developer Tools
Select the Console tab

📝 Capturing Console Errors and Saving as a LOG File

Once the Console tab is open:

Reload the page that’s showing the issue (use CTRL + R or Command + R).
Any background errors, warnings, or logs will appear in the Console window.
1. They will usually be in RED.
Right-click inside the Console area, and choose Save as...
Save the file (default format is .log) and name it something descriptive, like console-log-error.log.

📤 Once saved, attach the LOG file in your response to Support so we can investigate the issue further.

You can also take a screenshot of the Console log, though the raw log file is more helpful.