chrome extension dev tools code example

Example 1: chrome extensions for devtools

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

Example 2: devtools extension

A browser (user agent) extension can interact with devtools using these interfaces
devtools.inspectedWindow // Interact with the window that Developer tools are attached to (inspected window). This includes obtaining the tab ID for the inspected page, evaluate the code in the context of the inspected window, reload the page, or obtain the list of resources within the page.
devtools.network //Obtain information about network requests associated with the window that the Developer Tools are attached to (the inspected window).
devtools.panels // Create User Interface panels that will be displayed inside User Agent Developer Tools.