Outline All Elements

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

¿Qué es Outline All Elements?

Outline All Elements es una extensión de Chrome desarrollada por MohannadNaj, y su función principal es "Add CSS Outline property to all elements on the page for debugging CSS Layout.".

Capturas de Pantalla de la Extensión

screenshot

Descargar Archivo CRX de la Extensión Outline All Elements

Descarga archivos de extensión Outline All Elements en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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                    

Información Básica de la Extensión

Nombre Outline All Elements Outline All Elements
ID nppiigcgjgghnpdflckpalmdmpnfglfa
URL Oficial https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa
Descripción Add CSS Outline property to all elements on the page for debugging CSS Layout.
Tamaño del Archivo 31.23 KB
Cantidad de Instalaciones 285
Versión Actual 1.0
Última Actualización 2020-01-10
Fecha de Publicación 2020-01-09
Desarrollador MohannadNaj
Correo electrónico [email protected]
Tipo de Pago free
Idiomas Soportados 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"
    }
}