How to debug chrome devtools panel extension?

问题:

I am trying to write Chrome DevTools extension, but I am having some troubles to debug it.

How can I inspect my panel html and debug it's javascript?

回答1:

If you detach the Dev Tools (icon next to x in the top right corner) in a separate window, and press Ctrl+Shift+I while Dev Tools window is focused, you will invoke the Dev Tools for the Dev Tools window.

As far as I am aware, it's not possible for a docked configuration.

回答2:

To me it works with detaching the DevTools and hit CTRL+SHIFT+i (Windows).