https://github.com/googlearchive/devtools-extension-boilerplate

(WIP) A boilerplate project for Chrome DevTools extensions
https://github.com/googlearchive/devtools-extension-boilerplate

Last synced: 4 months ago
JSON representation

(WIP) A boilerplate project for Chrome DevTools extensions

• Host: GitHub
• URL: https://github.com/googlearchive/devtools-extension-boilerplate
• Owner: googlearchive
• License: bsd-3-clause
• Archived: true
• Created: 2013-08-11T19:40:05.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2016-02-26T23:45:01.000Z (almost 9 years ago)
• Last Synced: 2024-06-22T19:40:46.761Z (6 months ago)
• Language: JavaScript
• Homepage:
• Size: 16.6 KB
• Stars: 115
• Watchers: 27
• Forks: 30
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
DevTools Extension Boilerplates (WIP)

==============

A starting point for developing Chrome DevTools Extensions.

## Listing

### sidebar-boilerplate

A boilerplate for sidebar extensions 

![](http://i.imgur.com/zEc06y6.png)

### panel-boilerplate

A boilerplate for full panel based extensions ~ currently displays panel (see -messaging variant for WIP of message passing)

![](http://i.imgur.com/MA3mFcy.png)

## Installation

 * Open [chrome://extensions](chrome://extensions)

 * Enable 'Developer Mode' checkbox

 * Click 'Load unpacked extensions...'

## Reference

* https://github.com/thingsinjars/devtools-extension

* http://thingsinjars.com/post/480/chrome-devtools-extension-starter-kit/

* http://smus.com/extending-chrome-developer-tools/

* http://developer.chrome.com/extensions/devguide.html

* https://developer.chrome.com/extensions/samples.html#devtools

* http://www.raymondcamden.com/index.cfm/2012/7/15/How-to-add-a-panel-to-Chrome-Dev-Tools

* http://blog.chromium.org/2011/10/new-developer-tools-experimental-apis.html

* http://stackoverflow.com/questions/11431337/sending-message-to-chrome-extension-from-a-web-page

* http://stackoverflow.com/questions/12141759/how-custom-devtools-elements-sidebar-pane-can-communicate-to-panel

* http://www.adambarth.com/experimental/crx/docs/experimental.devtools.panels.html