Skip to main content
Skip table of contents

How to create a Console screenshot for the support team?

For some issues, the support team may ask you to take a screenshot of the browser console, to help us investigate the problem. Below you will find guides for some of the most common browsers.

Google Chrome

  1. You will need to open the developers console for this. You can open it in the top-right corner in the Chrome Menu by selecting More Tools > Developer Tools, or by using Shift + ⌘ + C (on macOS) or Shift + CTRL + C (on Windows and Linux), or alternatively, by a right-click of your mouse, where you will see an option Inspect.

Chrome - Developer tools.png

Chrome - developers tools

  1. In the Developer Tools panel, click on the Console tab.

Chrome console tab.png

Chrome - Console tab

  1. Refresh the page and reproduce the steps you took that resulted in the issue or error message.

  2. Create a screenshot of the page - we recommend including everything on your screen, but please make sure the whole console tab is visible.

Microsoft Edge

  1. You will need to open the developers console for this. You can open it in the top-right corner in the Edge Menu by selecting More Tools > Developer Tools, or by using Shift + ⌘ + C (on macOS) or Shift + CTRL + C (on Windows and Linux)

Dev tools.png

Edge - Developer tools

  1. In the Developer Tools panel, click on the Console tab.

Edge Console tab.png

Edge - Console tab

  1. Refresh the page and reproduce the steps you took that resulted in the issue or error message.

  2. Create a screenshot of the page - we recommend including everything on your screen, but please make sure the whole console tab is visible.

Safari

You need to make sure the “Show Develop Menu” tab is visible, which you can do in Safari > Settings > Advanced tab.

  1. Go to the Menu bar.

  2. Click Develop.

  3. Select Show/Connect Web Inspector.

SAfari-Inspecto.png

Safari - Inspector

  1. Go to the Console tab.

Safari-Console-tab.png

Safari - Console tab

  1. Refresh the page and reproduce the steps you took that resulted in the issue or error message.

  2. Create a screenshot of the page - we recommend including everything on your screen, but please make sure the whole console tab is visible.

Firefox

  1. Go to the Menu in the top-right corner of the browser.

  2. Select More Tools > Web Developer Tools, or access it by using Option + ⌘ + E (on macOS) or Shift + CTRL + C (on Windows/Linux). Alternatively, you can right-click your mouse and choose the Inspect option.

Firefox - More tools.png

Firefox - More tools

Firefox-Web Developer Tools.png

Firefox - Web developer tools

  1. Go to the Console tab.

Firefox console tab.png

Firefox - Console tab

  1. Refresh the page and reproduce the steps you took that resulted in the issue or error message.

  2. Create a screenshot of the page - we recommend including everything on your screen, but please make sure the whole console tab is visible.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.