Outliner CSS

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

O que é Outliner CSS?

Outliner CSS é uma extensão do Chrome desenvolvida por tarah, e sua principal característica é "A totally awesome structure and layout debugger that inserts CSS outlines to all elements.".

Capturas de Tela da Extensão

screenshot

Baixar o arquivo CRX da Extensão Outliner CSS

Baixe arquivos de extensão Outliner CSS 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

                        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.                    

Informações Básicas da Extensão

Nome Outliner CSS Outliner CSS
ID epodomlablfiehjgajhlhbdhidlkokaj
URL Oficial https://chromewebstore.google.com/detail/outliner-css/epodomlablfiehjgajhlhbdhidlkokaj
Descrição A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
Tamanho do Arquivo 13.01 KB
Contagem de Instalações 9,566
Versão Atual 1.0.1
Última Atualização 2017-10-10
Data de Publicação 2017-10-10
Classificação 5.00/5 Total de 8 Avaliações
Desenvolvedor tarah
Tipo de Pagamento free
Idiomas Suportados 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
}