Outliner CSS

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

Qu'est-ce que Outliner CSS ?

Outliner CSS est une extension Chrome développée par tarah, et sa fonction principale est "A totally awesome structure and layout debugger that inserts CSS outlines to all elements.".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension Outliner CSS

Téléchargez les fichiers d'extension Outliner CSS au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom Outliner CSS Outliner CSS
ID epodomlablfiehjgajhlhbdhidlkokaj
URL Officiel https://chromewebstore.google.com/detail/outliner-css/epodomlablfiehjgajhlhbdhidlkokaj
Description A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
Taille du Fichier 13.01 KB
Nombre d'Installations 9,566
Version Actuelle 1.0.1
Dernière Mise à Jour 2017-10-10
Date de Publication 2017-10-10
Évaluation 5.00/5 Total 8 Évaluations
Développeur tarah
Type de Paiement free
Langues Prises en Charge 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
}