CSS Gradient Inspector

Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected element.

What is CSS Gradient Inspector?

CSS Gradient Inspector is a Chrome extension developed by Rafael Caricio, and its main feature is "Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected element.".

Extension Screenshots

screenshot
screenshot

Download CSS Gradient Inspector Extension CRX File

Download CSS Gradient Inspector extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected element. You can also toggle every element's gradient like different layers. It's useful for debugging.

This project is open source and you can follow more updates at the GitHub repository:

https://github.com/rafaelcaricio/gradient-inspector

If you have any feedback, please create an issue at https://github.com/rafaelcaricio/gradient-inspector/issues                    

Extension Basic Information

Name CSS Gradient Inspector CSS Gradient Inspector
ID blklpjonlhpakchaahdnkcjkfmccmdik
Official URL https://chromewebstore.google.com/detail/css-gradient-inspector/blklpjonlhpakchaahdnkcjkfmccmdik
Description Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected element.
File Size 284 KB
Installation Count 1,792
Current Version 0.2.0
Last Updated 2014-10-01
Publish Date 2014-10-01
Rating 5.00/5 Total 5 Ratings
Developer Rafael Caricio
Payment Type free
Extension Website https://github.com/rafaelcaricio/gradient-inspector
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "CSS Gradient Inspector",
    "version": "0.2.0",
    "description": "Extends the Developer Tools, adding a sidebar that displays information about the gradients applied to the inspected element.",
    "devtools_page": "devtools.html",
    "manifest_version": 2,
    "icons": {
        "16": "img\/pretty_logo_x16.png",
        "48": "img\/pretty_logo_x48.png",
        "128": "img\/pretty_logo_x128.png"
    }
}