chromium开发备忘——调试DevTools

众所周知chrome的web开发者工具也是基于web实现的，crx扩展可以实现自己的开发者工具扩展，例如图中的adblock
有开发的需要就有调试的需要，如果想对浏览器的F12控制台动点手脚或者需要对自己的开发者工具扩展进行调试应该怎么做呢？

1. 先将控制台窗口与Web页面分离：

   
   
2. Ctrl+Shift+I
   
   完事。方法查自StackOverflow(https://stackoverflow.com/questions/27661243/how-to-debug-chrome-devtools-panel-extension)