Copy Css Selector

Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.

O que é Copy Css Selector?

Copy Css Selector é uma extensão do Chrome desenvolvida por Alexander Chermyanin (flamencist), e sua principal característica é "Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.".

Capturas de Tela da Extensão

screenshot
screenshot

Baixar o arquivo CRX da Extensão Copy Css Selector

Baixe arquivos de extensão Copy Css Selector 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

                        Find the unique selector for any element on page.

It will find an optimal selector that’s unique to the element selected. Right click on the element with mouse and select Copy Css Selector menu item into buffer, so you can past copied selector to any text editor.

Very useful for quickly getting selector for any element for testing frameworks like as Selenium.                    

Informações Básicas da Extensão

Nome Copy Css Selector Copy Css Selector
ID kemkenbgbgodoglfkkejbdcpojnodnkg
URL Oficial https://chromewebstore.google.com/detail/copy-css-selector/kemkenbgbgodoglfkkejbdcpojnodnkg
Descrição Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.
Tamanho do Arquivo 19.31 KB
Contagem de Instalações 10,000
Versão Atual 0.5.0.3
Última Atualização 2018-10-20
Data de Publicação 2018-10-20
Classificação 3.91/5 Total de 22 Avaliações
Desenvolvedor Alexander Chermyanin (flamencist)
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/flamencist/CopyCssSelector
URL da Página de Ajuda https://github.com/flamencist/CopyCssSelector/issues
Idiomas Suportados en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Copy Css Selector",
    "short_name": "CopyCssSelector",
    "version": "0.5.0.3",
    "description": "Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.",
    "devtools_page": "devtools.html",
    "background": {
        "page": "background.html"
    },
    "manifest_version": 2,
    "icons": {
        "16": "icons\/icon16.png",
        "48": "icons\/icon48.png",
        "128": "icons\/icon128.png"
    },
    "author": "Alexander Chermyanin (flamencist)",
    "offline_enabled": true,
    "permissions": [
        "contextMenus",
        "activeTab",
        "clipboardWrite"
    ],
    "content_scripts": [
        {
            "all_frames": true,
            "matches": [
                "*:\/\/*\/*"
            ],
            "js": [
                "js\/selector-generator.js",
                "js\/content.js"
            ],
            "css": [
                "css\/style.css"
            ]
        }
    ]
}