Extensão Element Selectors para Chrome
Element Selectors é uma extensão gratuita para o navegador Chrome que facilita a identificação de seletores de elementos em páginas da web. Com ela, os usuários podem gerar automaticamente seletores XPath, CSS e Playwright, ajudando desenvolvedores e testadores a obter as informações necessárias de forma rápida e eficiente. A extensão é especialmente útil para quem trabalha com automação de testes e precisa de seletores precisos para interagir com elementos da interface do usuário.
Para utilizar a extensão, basta instalá-la e reiniciar o navegador. Após abrir a página desejada, o usuário deve acessar as ferramentas de desenvolvedor (Devtools) e abrir o painel lateral da extensão. A partir daí, é possível inspecionar elementos e obter seletores CSS e XPath, tanto em formatos curtos quanto longos, além de locadores Playwright. Com recursos intuitivos, o Element Selectors se destaca como uma ferramenta prática para otimizar o trabalho de desenvolvedores.