Troubleshooting Extension Errors Using Your Web Browser Console

This article outlines how to use your web browser's console to troubleshoot extension errors.

If the error has cleared away, you can try reloading the page, as the error may generate again when the page loads.

This topic contains the following sections:

Google Chrome

On the window where you're experiencing the error, open the console by:

  1. Navigating to: View > Developer > JavaScript Console or More Tools > JavaScript Console or using the keyboard shortcuts: Ctrl + Shift + J.

  2. The console displays the error type, the location of the error, and the line number.

Figure 1: Viewing error messages in Google Chrome's Javascript console

 

Mozilla Firefox

On the window where you're experiencing the error, open the console by:

  1. Navigating to: Web Developer > Browser Console, or from the menu on Mac, click Tools > Browser Tools > Web Developer Tools.

  2. The developer console displays. Click the tab > Console.

  3. The console displays the error type, the location of the error, and the line number.

Figure 2: Viewing error messages in Mozilla Firefox's Web Developer Tools console

 

Microsoft Edge

On the window where you're experiencing the error, open the console by:

  1. Navigating to: Settings > F12 Developer Tools > Console or from the keyboard: F12 then Ctrl+2.

  2. The developer console displays. Click the tab > Console.

  3. The console displays the error type, the location of the error, and the line number.

    Figure 3: Viewing the error message in Microsoft Internet Explorer, the console shows the error in the eval code on line 14