Outliner CSS

A totally awesome structure and layout debugger that inserts CSS outlines to all elements.

Was ist Outliner CSS?

Outliner CSS ist eine Chrome-Erweiterung, die von tarah entwickelt wurde, und ihr Hauptmerkmal ist "A totally awesome structure and layout debugger that inserts CSS outlines to all elements.".

Erweiterungsscreenshots

screenshot

Outliner CSS-Erweiterungs-CRX-Datei herunterladen

Laden Sie Outliner CSS-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        After years of adding debug styles into projects to help debug structure and layout issues I spent an afternoon making the Outliner CSS chrome extension. 
 
Outliner CSS is added to the current page on all elements with the option to switch between RGB colors and toggle background color opacity to highlight depth.                    

Grundlegende Informationen zur Erweiterung

Name Outliner CSS Outliner CSS
ID epodomlablfiehjgajhlhbdhidlkokaj
Offizielle URL https://chromewebstore.google.com/detail/outliner-css/epodomlablfiehjgajhlhbdhidlkokaj
Beschreibung A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
Dateigröße 13.01 KB
Installationsanzahl 9,566
Aktuelle Version 1.0.1
Letztes Update 2017-10-10
Veröffentlichungsdatum 2017-10-10
Bewertung 5.00/5 Insgesamt 8 Bewertungen
Entwickler tarah
Zahlungsart free
Unterstützte Sprachen en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Outliner CSS",
    "description": "A totally awesome structure and layout debugger that inserts CSS outlines to all elements.",
    "version": "1.0.1",
    "permissions": [
        "activeTab",
        "storage"
    ],
    "browser_action": {
        "default_title": "Outliner CSS",
        "default_icon": "icon_19.png",
        "default_popup": "popup.html"
    },
    "icons": {
        "128": "icon_128.png",
        "16": "icon_16.png",
        "48": "icon_48.png"
    },
    "manifest_version": 2
}