colourSpy

Easily view CSS colours used on a website.

什麼是colourSpy?

colourSpy是由brandonbarker開發的Chrome擴展程式,該擴展的主要功能是“Easily view CSS colours used on a website.”。

擴展截圖

screenshot
screenshot
screenshot

下載colourSpy擴展crx文件

下載colourSpy擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        colourSpy is a handy extension to quickly find and preview colours used on a website.

It displays them all in a list of swatches where you can easily copy the corresponding RGB, HEX or HSL values for use in your IDE of choice, or simply export the list of colours to your format of choice.

Supported export formats at the moment are:

CSS
SCSS
LESS
Plain Text
JSON

Changelog:

0.1.4:
 * Added remove swatch button
 * Bug fixes and optimization 

0.1.3:
 * Added export functionality (export to CSS / SCSS / LESS / JSON or Plain Text)

0.1.2:
 * Bug fixes and UI tweaks

0.1.0
 * Initial release

https://github.com/brandon-barker/colourSpy                    

擴展基本資訊

名稱 colourSpy colourSpy
ID gibojaiafjjbdkfciggcoikfeolodlhm
官方網址 https://chrome.google.com/webstore/detail/colourspy/gibojaiafjjbdkfciggcoikfeolodlhm
簡介 Easily view CSS colours used on a website.
檔案大小 787 KB
安裝次數 193
目前版本 0.1.4
更新時間 2014-08-18
上架時間 2014-08-18
評分 3.75/5 共 4 次評分
開發者 brandonbarker
付費類型 free
擴展官網 https://github.com/brandon-barker/colourSpy
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "colourSpy",
    "version": "0.1.4",
    "manifest_version": 2,
    "description": "Easily view CSS colours used on a website.",
    "icons": {
        "16": "icons\/icon16.png",
        "48": "icons\/icon48.png",
        "128": "icons\/icon128.png"
    },
    "default_locale": "en",
    "background": {
        "scripts": [
            "src\/bg\/background.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "js": [
                "js\/jquery\/jquery.js",
                "js\/color\/color-0.7.1.min.js",
                "content.js"
            ]
        }
    ],
    "browser_action": {
        "default_icon": "icons\/icon19.png",
        "default_title": "colourSpy",
        "default_popup": "src\/browser_action\/browser_action.html"
    },
    "web_accessible_resources": [
        "js\/jquery\/jquery.js",
        "js\/jquery\/jquery.min.js",
        "js\/jquery\/jquery.min.map.js",
        "css\/font-awesome.min.css",
        "js\/underscore\/underscore-min.js"
    ],
    "permissions": [
        "clipboardWrite",
        "contextMenus",
        "tabs",
        "*:\/\/*\/*"
    ]
}