google chrome extension console log from background page

Question

If I call console log  something    from the popup page  or any script included off that it works fine   However as the background page is not directly run off the popup page it is not included in the console   Is there a way that I can get console log   s in the background page to show up in the console for the popup page   is there any way to  from the background page call a function in the popup page

User · Answer

To view console while debugging your chrome extension, you should use the chrome.extension.getBackgroundPage(); API, after that you can use console.log() as usual:

chrome.extension.getBackgroundPage().console.log('Testing');

This is good when you use multiple time, so for that you create custom function:

  const console = {
    log: (info) => chrome.extension.getBackgroundPage().console.log(info),
  };
  console.log("foo");

you only use console.log('learnin') everywhere

User · Answer

The simplest solution would be to add the following code on the top of the file  And than you can use all full Chrome console api as you would normally    console   chrome extension getBackgroundPage   console     for instance  console assert 1  1  will return assertion error    console log  msg      gt  prints msg    etc

User · Answer

To get a console log from a background page you need to write the following code snippet in your background page background js -  chrome extension getBackgroundPage   console log  hello     Then load the extension and inspect its background page to see the console log  Go ahead

User · Answer

To answer your question directly  when you call console log  something   from the background  this message is logged  to the background page s console  To view it  you may go to chrome   extensions  and  click on that inspect view under your extension   When you click the popup  it s loaded into the current page  thus the console log should show log message in the current page

User · Answer

You can still use console log    but it gets logged into a separate console  In order to view it - right click on the extension icon and select  Inspect popup

User · Answer

In relation to the original question I d like to add to the accepted answer by Mohamed Mansour that there is also a way to make this work the other way around   You can access other extension pages  i e  options page  popup page  from within the background page script with the chrome extension getViews   call  As described here       overwrite the console object with the right one  var optionsPage      chrome extension getViews                       amp  amp    chrome extension getViews   length  gt  1                        chrome extension getViews   1    null       safety precaution  if  optionsPage      var console   optionsPage console

User · Answer

Any extension page  except content scripts  has direct access to the background page via chrome extension getBackgroundPage     That means  within the popup page  you can just do   chrome extension getBackgroundPage   console log  foo      To make it easier to use   var bkg   chrome extension getBackgroundPage    bkg console log  foo      Now if you want to do the same within content scripts you have to use Message Passing to achieve that  The reason  they both belong to different domains  which make sense  There are many examples in the Message Passing page for you to check out   Hope that clears everything

User · Answer

const log   chrome extension getBackgroundPage   console log  log  something     Open log    Open  chrome   extensions  Details   Background page

User · Answer

You can open the background page s console if you click on the  background html  link in the extensions list   To access the background page that corresponds to your extensions open Settings   Extensions or open a new tab and enter chrome   extensions  You will see something like this screenshot      Under your extension click on the link background page  This opens a new window   For the context menu sample the window has the title   generated background page html

User · Answer

Try this  if you want to log to the active page s console   chrome tabs executeScript       code   console log  addd

User · Answer

It s an old post  with already good answers  but I add my two bits  I don t like to use console log  I d rather use a logger that logs to the console  or wherever I want  so I have a module defining a log function a bit like this one  function log    args      console log    args     chrome extension getBackgroundPage   console log    args       When I call log  this is my log   it will write the message both in the popup console and the background console   The advantage is to be able to change the behaviour of the logs without having to change the code  like disabling logs for production  etc

[javascript] google chrome extension :: console.log() from background page?

Examples related to javascript

Examples related to google-chrome

Examples related to google-chrome-extension