Learn how to capture screenshots of the Google Chrome developer tools console for troubleshooting and support purposes.


1. Press F12 in the browser (the browser need to be focused) OR right mouse click -> inspect

Right-click on a webpage and select 'Inspect' to open developer tools

2. Click "Console"

Click on the 'Console' tab in the developer tools

3. And provide this area screenshots (more than 1 if the area is longer than viewport)

To make the screenshot on macOS use the next keys: command + shift + 3

Capture the console area for your screenshot