Outline All Elements

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

Qu'est-ce que Outline All Elements ?

Outline All Elements est une extension Chrome développée par MohannadNaj, et sa fonction principale est "Add CSS Outline property to all elements on the page for debugging CSS Layout.".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension Outline All Elements

Téléchargez les fichiers d'extension Outline All Elements 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

                        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                    

Informations de Base sur l'Extension

Nom Outline All Elements Outline All Elements
ID nppiigcgjgghnpdflckpalmdmpnfglfa
URL Officiel https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa
Description Add CSS Outline property to all elements on the page for debugging CSS Layout.
Taille du Fichier 31.23 KB
Nombre d'Installations 285
Version Actuelle 1.0
Dernière Mise à Jour 2020-01-10
Date de Publication 2020-01-09
Développeur MohannadNaj
Email [email protected]
Type de Paiement free
Langues Prises en Charge 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"
    }
}