O que é CSS Selector Finder for Chrome Devtools?

CSS Selector Finder for Chrome Devtools é uma extensão do Chrome desenvolvida por https://abbadata.com, e sua principal característica é "Generate CSS Selectors from the Chrome Devtools Elements Panel".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão CSS Selector Finder for Chrome Devtools

Baixe arquivos de extensão CSS Selector Finder for Chrome Devtools 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

Easy to use Devtools sidebar that aids in finding unique CSS selectors.

- Unique CSS selectors are continuously generated as the selection is changed in the Devtools Elements panel
- Highly configurable. Settings can easily be changed interactively and results can be seen immediately.
- Enable/Disable usage of IDs, Class names, and Tag names for selector generation
- Filter out specific values of IDs, Class names, and Tag names
- Use custom attribute names and attribute name/value pairs
- Various settings to control robustness and optimization of selectors

Informações Básicas da Extensão

Nome	CSS Selector Finder for Chrome Devtools
ID	mbeedbpphndkijipfcklhlgmoolapiml
URL Oficial	https://chromewebstore.google.com/detail/css-selector-finder-for-c/mbeedbpphndkijipfcklhlgmoolapiml
Descrição	Generate CSS Selectors from the Chrome Devtools Elements Panel
Tamanho do Arquivo	35.66 KB
Contagem de Instalações	2,746
Versão Atual	0.1
Última Atualização	2020-06-23
Data de Publicação	2020-06-23
Classificação	3.67/5 Total de 3 Avaliações
Desenvolvedor	https://abbadata.com
Email	[email protected]
Tipo de Pagamento	free
Site da Extensão	https://abbadata.com/devtools_selector_finder.html
URL da Página de Ajuda	https://github.com/abbadata/devtools-css-selector
Idiomas Suportados	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "short_name": "CSS Selector Finder for Chrome Devtools", "name": "CSS Selector Finder for Chrome Devtools", "version": "0.1", "description": "Generate CSS Selectors from the Chrome Devtools Elements Panel", "manifest_version": 2, "devtools_page": "devtools.html", "background": { "scripts": [ "\/static\/js\/background\/background.js" ], "persistent": false }, "icons": { "16": "abba16.png", "48": "abba48.png", "128": "abba128.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "\/static\/js\/content_script.js" ], "run_at": "document_idle", "all_frames": true } ] }