📸 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 + IThen 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 + RorCommand + R).Any background errors, warnings, or logs will appear in the Console window.
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, likeconsole-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.