Outline All Elements

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

O que é Outline All Elements?

Outline All Elements é uma extensão do Chrome desenvolvida por MohannadNaj, e sua principal característica é "Add CSS Outline property to all elements on the page for debugging CSS Layout.".

Capturas de Tela da Extensão

screenshot

Baixar o arquivo CRX da Extensão Outline All Elements

Baixe arquivos de extensão Outline All Elements no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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                    

Informações Básicas da Extensão

Nome Outline All Elements Outline All Elements
ID nppiigcgjgghnpdflckpalmdmpnfglfa
URL Oficial https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa
Descrição Add CSS Outline property to all elements on the page for debugging CSS Layout.
Tamanho do Arquivo 31.23 KB
Contagem de Instalações 285
Versão Atual 1.0
Última Atualização 2020-01-10
Data de Publicação 2020-01-09
Desenvolvedor MohannadNaj
Email [email protected]
Tipo de Pagamento free
Idiomas Suportados 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"
    }
}