TinkerCSS

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

Hvad er TinkerCSS?

TinkerCSS er en Chrome-udvidelse udviklet af Jan Baykara, og dens hovedfunktion er "An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.".

Udvidelsesskærmbilleder

screenshot

Download TinkerCSS-udvidelses-CRX-fil

Download TinkerCSS-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

                        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.

Grundlæggende oplysninger om udvidelsen

Navn TinkerCSS TinkerCSS
ID flbdabolfkgfmcnlheopgencfhjcllbp
Officiel URL https://chrome.google.com/webstore/detail/tinkercss/flbdabolfkgfmcnlheopgencfhjcllbp
Beskrivelse An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.
Filstørrelse 682 KB
Antal Installationer 154
Nuværende Version 1.2.2
Senest Opdateret 2015-07-09
Udgivelsesdato 2015-07-09
Bedømmelse 3.00/5 Samlet 2 Bedømmelser
Udvikler Jan Baykara
E-mail [email protected]
Betalingsmetode free
Udvidelseswebsted https://github.com/janbaykara/TinkerCSS
Hjælpeside-URL https://github.com/janbaykara/TinkerCSS/issues
Understøttede Sprog 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"
}

Relaterede Udvidelser

Clear Code
Clear Code
CSS Brio
CSS Brio
Dev Helpers
Dev Helpers
HTML5 Debugger
HTML5 Debugger
DOM-JSON Tree Matcher
DOM-JSON Tree Matcher
Developer pages
Developer pages
Dev Playground
Dev Playground
Restyler
Restyler
Layout Debugger
Layout Debugger
DynamicCSSEditor
DynamicCSSEditor
Javascript & Css auto injection
Javascript & Css auto injection
Quickfix CSS Editor
Quickfix CSS Editor
Redesign
Redesign
Style Adjuster
Style Adjuster
DevTools Classes & Atributes panel
DevTools Classes & Atributes panel
captureCalls
captureCalls
Code Plunker (Live HTML CSS Editor)
Code Plunker (Live HTML CSS Editor)
simple-debug.css
simple-debug.css
Light JavaScript Playground
Light JavaScript Playground
Live CSS Editor
Live CSS Editor
EnjoyCSS
EnjoyCSS
Live editor for CSS, Less & Sass - Magic CSS
Live editor for CSS, Less & Sass - Magic CSS
Code Cola
Code Cola
CSS3 Generator
CSS3 Generator