Chrome extension that provides a friendly way to inspect gradients of an element.
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
bower_components/gradient-parser
img
test
.gitignore
LICENSE
Makefile
README.md
bower.json
devtools.html
devtools.js
gradient_inspector.js
manifest.json
sidebarPanel.html
styles.css

README.md

CSS Gradient Inspector

Code Climate

Chrome Extension that adds a sidebar to the Developer Tools that displays information about the gradients applied to the inspected element. You can also toggle each gradient individually as they are different layers.

Installation

You can install this plugin via Chrome Web Store or Opera Addons Page.

Development instructions

If you wanna make any modifications to this plugin you can use the utility file that can be found at test/development.html. It will run the actual extension code in the one page including the javascript inspection code. You can modify the extension code and just refresh that page. This development code was created because it is very difficult to debug errors in the extension when it is installed in Chrome.

You need a webserver to load the test/development.html file properly in your browser. You can run:

make

Then access http://localhost:8080/test/development.html in your Chrome browser.