Skip to content
English - United Kingdom
Contact us
  • There are no suggestions because the search field is empty.

How to Access the Browser Console and Identify Red Error Messages

Step-by-step fixes for how to access the browser console and identify red error messages in Engager

The Console is a tool in web browsers used to view messages about the webpage’s behaviour, including error messages (usually highlighted in red). Follow these steps to access the Console, identify red error messages, and take a screenshot.

Step 1: Open the Console

Follow the steps for the browser you use.

For Google Chrome:

  1. Open the webpage you want to inspect.
  2. Press the following keys to open the developer tools:
    • Mac: Cmd + Option + J
    • Windows: Ctrl + Shift + J
  3. The Console tab will automatically open. If it doesn’t, select the Console tab at the top of the developer tools panel.

For Mozilla Firefox:

  1. Open the webpage you want to inspect.
  2. Press the following keys to open the developer tools:
    • Mac: Cmd + Option + K
    • Windows: Ctrl + Shift + K
  3. The Console tab will open by default.

For Microsoft Edge:

  1. Open the webpage you want to inspect.
  2. Press the following keys to open the developer tools:
    • Mac: Cmd + Option + J
    • Windows: Ctrl + Shift + J
  3. The Console tab will automatically open. If not, select the Console tab.

For Safari:

  1. Enable the developer tools (if not already enabled):
    • Go to Safari > Settings (Safari > Preferences in older versions of Safari).
    • Navigate to the Advanced tab.
    • Tick Show features for web developers (Show Develop menu in menu bar in older versions).
  2. Open the webpage you want to inspect.
  3. Open the developer tools:
    • Mac: Cmd + Option + C
  4. The Console tab will appear.

Step 2: Look for Red Error Messages

  1. Once the Console is open, scan for messages in red. These are error messages and often indicate what went wrong with the webpage or its functionality.
  2. Scroll through the Console to ensure you capture all visible red error messages, especially if there are multiple entries.

Step 3: Take a Screenshot of the Red Error Messages

On Mac:

  1. With the Console open, and red error messages visible:
    • To capture the entire screen, press:
      Cmd + Shift + 3
    • To capture a specific area, press:
      Cmd + Shift + 4 (then drag the cursor to select the area showing the error messages).
  2. The screenshot will be saved to your desktop.

On Windows:

  1. With the Console open, and red error messages visible:
    • To capture the entire screen, press:
      Print Screen (labelled as PrtScn or PrtSc on most keyboards).
      Paste it into a program like Paint or Word and save it.
    • To capture the active window, press:
      Alt + Print Screen.
      Paste it into a program like Paint or Word and save it.
    • To capture a specific area, press:
      Windows + Shift + S (then drag the cursor to select the area showing the error messages).
      The screenshot will be copied to your clipboard. Paste it into a program like Paint or Word to save it.

Step 4: Save and Share the Screenshot

  1. Save the screenshot as a PNG or JPG file.
  2. Ensure the image clearly shows the red error messages.
  3. When sharing the screenshot (via email or support forms), double-check that the error messages are visible and legible.