How to see a JavaScript console error on your site

An important tool for troubleshooting issues on a site is your browser’s Javascript console. If you’re working with us through our help desk, we might ask that you send a screenshot of the console to help us diagnose an issue.

This guide shows how to access the JavaScript Console using The Events Calendar’s supported browsers.

How to capture a Javascript error

After you experience an issue on your site: 

  1. Open your browser’s JavaScript console. See below for browser-specific steps.
  2. Refresh your browser.
  3. Re-create the error.
  4. Take a screenshot including the contents of the Javascript console.

If you don’t refresh your browser, the Javascript console won’t display the error, which we need to see in order to troubleshoot. 

Chrome

Use the keyboard shortcut:

  • Mac + Option + J 
  • Windows – Ctrl + Shift + J

Or use the steps:

Mac

  1. Click View.
  2. Select Developer. 
  3. Select JavaScript Console.

Windows

  1. Click the menu icon.
  2. Select Tools.
  3. Select JavaScript Console.

Safari

Use the keyboard shortcut: 

  • + Option + C

Or use these steps:

  1. Click Safari.
  2. Select Preferences.
  3. In the Advanced tab, check Show Develop menu in the menu bar.
  4. Click Develop.
  5. Select Show Error Console.

Firefox

Use a keyboard shortcut:

  • Mac + Shift + J
  • WindowsCtrl + Shift + J

Or use the steps:

Mac

  1. Click Tools.
  2. Select Web Developer.
  3. Select Browser Console.

Windows

  1. Click Firefox.
  2. Select Web Developer.
  3. Select Browser Console.

Internet Explorer and Microsoft Edge

Use this keyboard shortcut:

F12

Or use these steps:

  1. Click the Settings Cog icon.
  2. Select F12 Developer Tools.

Send us a screenshot

After you’ve gotten a screenshot of the error, you can share it with us via our help desk.

Table of Contents

Details

Report an issue