Outliner CSS

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

Wat is Outliner CSS?

Outliner CSS is een Chrome-extensie ontwikkeld door tarah, en de belangrijkste functie is "A totally awesome structure and layout debugger that inserts CSS outlines to all elements.".

Extensie Screenshots

screenshot

Download het CRX-bestand van de extensie Outliner CSS

Download Outliner CSS-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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.                    

Basisinformatie over de Extensie

Naam Outliner CSS Outliner CSS
ID epodomlablfiehjgajhlhbdhidlkokaj
Officiële URL https://chromewebstore.google.com/detail/outliner-css/epodomlablfiehjgajhlhbdhidlkokaj
Beschrijving A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
Bestandsgrootte 13.01 KB
Aantal Installaties 9,566
Huidige Versie 1.0.1
Laatst Bijgewerkt 2017-10-10
Publicatiedatum 2017-10-10
Beoordeling 5.00/5 Totaal 8 Beoordelingen
Ontwikkelaar tarah
Betalingswijze free
Ondersteunde Talen 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
}