Outline All Elements

Add CSS Outline property to all elements on the page for debugging CSS Layout.

Cos'è Outline All Elements?

Outline All Elements è un'estensione di Chrome sviluppata da MohannadNaj, e la sua funzione principale è "Add CSS Outline property to all elements on the page for debugging CSS Layout.".

Screenshot dell'Estensione

screenshot

Scarica il file CRX dell'estensione Outline All Elements

Scarica i file di estensione Outline All Elements in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

                        A Chrome Extension for adding CSS Outline property (with different colors) to all elements on the page.

Mainly this is useful for debugging CSS Layout and discovering potential issues.

Notes:

- Click the extension icon for activating/deactivating.

- The outline colors are randomized based on it's order on the page.

- The colors are randomized by assigning different cumulative Hue degree and a fixed Saturation (99%) and Light (50%).

- On deactivating, the extension will restore the old outline value if it was there, and remove the style HTML attribute if it wasn't there before activating.

Source Code:
https://github.com/MohannadNaj/outline-all-elements                    

Informazioni di Base sull'Estensione

Nome Outline All Elements Outline All Elements
ID nppiigcgjgghnpdflckpalmdmpnfglfa
URL Ufficiale https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa
Descrizione Add CSS Outline property to all elements on the page for debugging CSS Layout.
Dimensione del File 31.23 KB
Conteggio Installazioni 285
Versione Corrente 1.0
Ultimo Aggiornamento 2020-01-10
Data di Pubblicazione 2020-01-09
Sviluppatore MohannadNaj
Email [email protected]
Tipo di Pagamento free
Lingue Supportate en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Outline All Elements",
    "version": "1.0",
    "description": "Add CSS Outline property to all elements on the page for debugging CSS Layout.",
    "manifest_version": 2,
    "background": {
        "persistent": true,
        "scripts": [
            "background.js"
        ]
    },
    "permissions": [
        "activeTab"
    ],
    "browser_action": {
        "default_icon": {
            "16": "icon_16.png",
            "32": "icon_32.png",
            "48": "icon_48.png",
            "128": "icon_128.png"
        }
    },
    "icons": {
        "16": "icon_16.png",
        "32": "icon_32.png",
        "48": "icon_48.png",
        "128": "icon_128.png"
    }
}