Debugging Chrome extension with access to chrome.devtools api

Question

I am beginner in Chrome extensions development. I need to extend existing extension (angularjs-batarang), but I have some problems with debugging.

manifest.js

Answer 1

To open the developer tools for a devtools page, I usually follow the following steps:

1. Open the developer tools.
2. Undock the developer tools if not already done (via the button in the bottom-left corner).
3. Press Ctrl + Shift + J to open the developer tools of the developer tools.
4. Optional: Feel free to dock the developer tools again if you had undocked it at step 2.
5. Switch from "" to devtoolsBackground.html (or whatever name you have chosen for your devtools). (example)
6. Now you can use the Console tab to play with the chrome.devtools API.