How to Access the Browser Console and Identify Red Error Messages

How to Access the Browser Console and Identify Red Error Messages

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.

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 Developer Tools (if not already enabled):
    • Go to Safari > Preferences.
    • Navigate to the Advanced tab.
    • Check "Show Develop menu in menu bar".
  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.

    • Related Articles

    • How to use Texts, SMS Messages

      At Engager, we’re here to help you run your business efficiently while providing multiple ways to contact your clients. We’ve created automated reminders for you to use and chasers which could be triggered on a weekly or even daily basis - BUT - For ...

    • Companies House Error Message

      The date for this service has not changed in Companies House yet, so this service cannot be completed. Try again later The error means exactly that - you've filed something with CH, could be a CS01 or accounts, but they've not been accepted and ...

    • How to use the client portal in Client Engager

      In this video, we take a look at what our clients can see in their portal and how to these use it. You'll see how they sign documents and also complete forms. If you've not used Forms before, click here for more information, For more portal tips and ...

    • My client can’t log into their portal / Password reset

      Typical Login issues Incorrect email - check their email versus what you have stored in Engager (see below for more detail) Portal - Are they logging into the correct domain. Remember, it's YOURCOMPANYNAME.PORTAL.engager.app, it's the all important ...

    • Import FAQ - Client has only one email address but is associated with multiple companies.

      When you're importing your clients, you have face a situation whereby the same email address is being used by the LTD and a contact / director. The system will not allow duplicate emails for the import to work successfully, so here's the best way ...