https://github.com/willklein/rally-devtools
Chrome Dev Tools extension for Rally ALM. Work in-progress!
https://github.com/willklein/rally-devtools
Last synced: 10 months ago
JSON representation
Chrome Dev Tools extension for Rally ALM. Work in-progress!
- Host: GitHub
- URL: https://github.com/willklein/rally-devtools
- Owner: willklein
- Created: 2014-02-28T17:09:27.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2014-03-03T17:10:45.000Z (over 12 years ago)
- Last Synced: 2024-04-14T14:52:44.490Z (about 2 years ago)
- Language: JavaScript
- Size: 121 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
DevTools Extension Example
===
This is a small boilerplate project to be used as a starting point for developing a Chrome DevTools Extension.
Installation
===
* Open [chrome://extensions](chrome://extensions)
* Enable 'Developer Mode' checkbox
* Click 'Load unpacked extensions...'
* Select the `devtools-extension` folder
Usage
===
While on any page, launch the devtools, you should see a new tab called 'DemoPanel' which contains 3 buttons.
`Execute script in inspected page`
---
Uses `chrome.tabs.executeScript` to execute an inline script in the context of the page you're inspecting (via `background.html`).
`Insert script into inspected page`
---
Uses `chrome.tabs.executeScript` to append an external file (included in the extension folder) to the inspected page (via `background.html`).
`Insert button to send a message`
---
With the grace of a gorilla, replaces the entire DOM of the inspected page with a button which has an `onclick` attached. Clicking the button will send a message from the inspected page to the background.html. It is then relayed back to the DemoPanel where it changes the text on the button.
Background
===
While working on a feature for [GhostStory](https://github.com/thingsinjars/GhostStory), I found myself trying to figure out how Chrome DevTools Extensions worked. Seeing as it took the best part of a day to actually get the basics in place (even using the [docs](http://developer.chrome.com/extensions/devtools.html) and [samples](http://developer.chrome.com/extensions/samples.html)), I figure it might help to have a working example.