How do you debug Sidebar Pane?

15 views

Skip to first unread message

justin kruger

unread,

Jul 15, 2015, 9:34:01 PM7/15/15

to google-chrome-...@googlegroups.com

Hello, I was trying to learn how to work with the DevTools Sidebar API, and I can't figure out how to debug it.

I have developed a few chrome extensions in the past, and I know how to debug a background page or script, and an options page, but how do you debug the sidebar pane?

I'm also not sure where I would see console.logs if i wasn't able to see a full debug interface ( too much inception ;-) ).

This was the boilerplate i was using.

https://github.com/GoogleChrome/devtools-extension-boilerplate

Any good help would be nice the google api docs are of limited help.

Jason Laster

unread,

Jul 17, 2015, 10:03:40 AM7/17/15

to google-chrome-...@googlegroups.com

Justin, you can try inspector inception :)

Basically, open an undocked DevTools and then open a second (<cmd> <option> I) and in the console you should see your extension as a frame. sources, in the source pane etc.

https://developer.chrome.com/devtools/docs/contributing

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/5a860970-36ed-43f9-803d-dde719457459%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.