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 "<top frame>" 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.