TinkerCSS

An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.

什麼是TinkerCSS?

TinkerCSS是由Jan Baykara開發的Chrome擴展程式,該擴展的主要功能是“An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.”。

擴展截圖

screenshot

下載TinkerCSS擴展crx文件

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

擴展使用說明

                        TinkerCSS appends a CSS style tag to the end of a HTML document , that you can then live modify via the extension's editor Inspector panel, and see the results in real-time.

The CSS you write is saved with reference to the page URL, so if you open the same page again and load the panel, your previously written snippet will load up.                    

擴展基本資訊

名稱 TinkerCSS TinkerCSS
ID flbdabolfkgfmcnlheopgencfhjcllbp
官方網址 https://chrome.google.com/webstore/detail/tinkercss/flbdabolfkgfmcnlheopgencfhjcllbp
簡介 An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.
檔案大小 682 KB
安裝次數 154
目前版本 1.2.2
更新時間 2015-07-09
上架時間 2015-07-09
評分 3.00/5 共 2 次評分
開發者 Jan Baykara
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/janbaykara/TinkerCSS
說明頁面URL https://github.com/janbaykara/TinkerCSS/issues
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "TinkerCSS",
    "description": "An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.",
    "manifest_version": 2,
    "version": "1.2.2",
    "icons": {
        "128": "img\/icon128.png"
    },
    "permissions": [
        "storage",
        "tabs",
        ""
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "deps\/jquery.js",
                "lib\/content.js"
            ]
        }
    ],
    "background": {
        "scripts": [
            "lib\/background.js"
        ]
    },
    "devtools_page": "lib\/devtools\/devtools.html"
}