Google chrome extension : is it possible to get console output (js errors, console.log or etc)

Question

I am developing chrome extension, and the thing that i really need is to get console output as object.

Is it possible to get any of that in chrome extension popup.html/popup.js or somewhere ?

I have tab object, can i get somehow that particular tabs console, or error output from the inspector/devtool in chrome console as object in code?

Answer 1

Google Chrome Console has no possibility (upon now) to get the Output/Contents of the Console.

Answer 2

In your popup.js file you can just use console.log("stuff") then right click on your extension and go to the debugger or inspect_element -> console, to see the output.

From your background file you will need to do:

popup = chrome.extension.getViews('popup'); // this returns an array

popup[0].console.log("stuff");

Then simply do the same steps as above.

See: api get views for more on interaction between views and here for: another way to interact between pages.

Answer 3

There appears to be a way to get console output in an extension, though it requires launching Chrome with a special flag and giving the extension extra file reading permissions.

1. This SO Answer shows how you can have all of Chrome's actions, including console.log() strings, saved in a local file, by launching Chrome with --enable-logging --v=1
2. Then this SO Answer shows how an extension can read that local file.

Answer 4

There are three JavaScript context in Chrome Extemsion : Content Script, Backgrond Script and Popup. In each context of code you can use console.log(). i.e console.log("I am here");

var tempObject = {'one': 'v_one', 'two', 'v_two'};

console.log(tempObject);

Note: Output will be available only in which context of code you mentioned console.log('Hello');