Last chance, grab it now!


Access console.log from a Chrome Extension’s Popup Script?

I made the same mistake, and it had me stuck for a while!

Most of the developers encountered this issue too! It’s essential to ensure that you’re inspecting the correct developer tools window.

Sometimes, we inadvertently open the developer tools for the main webpage instead of the extension’s popup (i.e., popup.html).

To access the developer tools window for inspecting the popup, follow these steps:

  1. Click on the extension icon. it will open a popup.
  2. Right-click on the popup window and select “Inspect“.
  3. This action will open the appropriate DevTools window specifically for the popup.
popup console


Popup (built-in): Right-click on your browserAction button and select “Inspect Popup“. This will open the DevTools for the popup page.

Similar to read:

  • How console.log() in Chrome extension from content scripts read this.
  • How console.log() in Chrome extension from background script read this.

Leave a Comment

Your email address will not be published. Required fields are marked *

Shopping Cart