Console log for Chrome DevTools API

Question

I am extending Google Chrome with the "chrome.devtools.panels.create" API, it means that I have now some logic in my browser by which I need to debug.

Is there anyway to see the Console log / Debug my DevTools additions?

I know you can do `Ctrl Shift J` (keyboard shortcut for Console) to open a new dev tools window on an existing dev tools window. See if that helps. — sachleen, Jun 19 '12 at 15:04
damn! this trick used to work, and the last chrome update disables it. — user1450553, Jul 18 '12 at 11:31
Still works for me. Opens a new dev tools window on the existing dev tools — sachleen, Jul 18 '12 at 14:57
Great, this indeed helps - so to conclude 1. detach window 2. F12 — user1450553, Jul 19 '12 at 15:10

score 2 · Answer 1 · answered Jun 19 '12 at 19:08

If all you need is console.log you can wrap it up. Actually it works for any other function, not just console.log but here's example for wrapping console.log:

console._log = console.log;
console.log = function(){ 
    // you can do whatever you want with arguments, output to div, alert / etc.
    return console._log.apply(console,arguments); 
};

score 2 · Answer 2 · answered Jan 10 '14 at 03:37

2

You need to eval a script in the inspectedWindow:

chrome.devtools.inspectedWindow.eval('console.log("test")')

answered Jan 10 '14 at 03:37

jdprc06

360
3
7

Console log for Chrome DevTools API

2 Answers2