Accessing console and devtools of extension’s background.js

by

You’re looking at the wrong place. These console messages do not appear in the web page, but in the invisible background page (ManifestV2) or service worker (ManifestV3).

To view the correct console open devtools for the background script’s context:

  1. Visit chrome://extensions/ or right-click the extension icon and select “Manage extensions”.
  2. Enable developer mode
  3. Click on the link named background page (ManifestV2) or service worker (ManifestV3).

Screenshot for ManifestV2 extensions:

enter image description here

enter image description here

Screenshot for ManifestV3 extensions:

enter image description here

More Related Contents:

  1. Chrome Development Tool: [VM] file from javascript
  2. Console.log not working at all
  3. Chrome Typescript debugging references wrong ‘this’
  4. how to access Angular2 component specific data in console?
  5. How can I make console.log show the current state of an object?
  6. How do you launch the JavaScript debugger in Google Chrome?
  7. How do I debug Node.js applications?
  8. What does status=canceled for a resource mean in Chrome Developer Tools?
  9. After calling chrome.tabs.query, the results are not available
  10. Can I programmatically open the devtools from a Google Chrome extension?
  11. Visual Studio debugger – Displaying integer values in Hex
  12. What are the debug memory fill patterns in Visual Studio C++ and Windows?
  13. Is it possible to “decompile” a Windows .exe? Or at least view the Assembly?
  14. Debugging iframes with Chrome developer tools
  15. How can I write to the console in PHP?
  16. How to use trace and dbg in Erlang to debug and trace my program?
  17. What is the difference between Step Into and Step Over in a debugger
  18. How to make Google Chrome JavaScript console persistent?
  19. Drop into interpreter during arbitrary scala code location
  20. Step through JDK source code in IntelliJ IDEA
  21. How to debug Google Apps Script (aka where does Logger.log log to?)
  22. How can I inspect the file system of a failed `docker build`?
  23. How do I debug a stand-alone VBScript script?
  24. Chrome Console SameSite Cookie Attribute Warning
  25. How to debug Haskell code?
  26. Visual Studio Code breakpoint appearing in wrong place
  27. Functions debugging in VS Code
  28. Watch a variable (memory address) change in Linux kernel, and print stack trace when it changes?
  29. Chrome developer tools do not show all JavaScript files any more
  30. How to debug chrome devtools panel extension?

Leave a Comment