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
公式URL 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
Eメール [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"
}