Chrome Developer Tools Now Support Experimental APIs for Chrome Extensions

Developers using Chrome Developer Tools, will now be happy to know, that they can now add "new panels and sidebar section panes, retrieve network requests data, evaluate scripts on the page being inspected, and add custom audit rules," announced Andrey Kosyakov, Software Engineer.The extension support is still experimental.The developer tools extension pages get access to […]

Developers using Chrome Developer Tools, will now be happy to know, that they can now add "new panels and sidebar section panes, retrieve network requests data, evaluate scripts on the page being inspected, and add custom audit rules," announced Andrey Kosyakov, Software Engineer.

The extension support is still experimental.

The developer tools extension pages get access to the chrome.experimental.devtools. APIs are described further in the docs. Be sure to check out the sample extensions, which include extensions for jQuery and FirePHP users and a simple audit extension that finds broken links.

For a richer example, you can also check out Page Speed for Chromium, which uses the extensions API to provide Page Speed suggestions right in the Chrome Devtools UI.

Andrey explains how to get started with writing extensions for Chrome Developer Tools:

  • 'Use the dev channel of Chrome as the APIs are still under development;
  • Enable experimental extension APIs using the chrome://flags page;
  • List experimental in the permissions list of your extension;
  • Add a devtools_page field to your extension's manifest, e.g," said Andrey: { "name": ... "minimum_chrome_version": "14.0", "devtools_page": "devtools.html", "permissions": [ "experimental" ... ], ... }