Easily create and test DOM query selectors on the active page.

Latest Version

Version

1.0

Update

November 25, 2024

Size

125KiB

Developer

Query Selector Tool Extension

Query Selector Tool es una extensión de Chrome diseñada para ayudar a los desarrolladores a interactuar rápidamente con el DOM de cualquier sitio web activo. Con esta herramienta, puedes ingresar un selector de DOM y visualizar los elementos coincidentes en la página, facilitando la prueba y optimización de selectores CSS o de JavaScript en tiempo real.

Características principales:
Interfaz intuitiva: Simplemente ingresa tu selector en el formulario y obtén resultados instantáneos.
Contador de coincidencias: Muestra el número de elementos encontrados que coinciden con tu selector.
Compatibilidad completa: Funciona en cualquier página web activa, desde sitios de prueba hasta plataformas en producción.
Atajos de teclado: Accede a la herramienta de forma rápida con un atajo de teclado personalizable (predeterminado: Ctrl+Shift+Q).
Soporte continuo: Acceso directo a nuestra página de soporte para ayudarte con cualquier problema o consulta.
¿Por qué usar Query Selector Tool?
Esta extensión es ideal para desarrolladores front-end, testers y entusiastas de la web que necesitan validar selectores de DOM sin herramientas complejas o procesos manuales extensos. Es una forma rápida y sencilla de asegurarte de que tus selectores funcionan correctamente antes de implementarlos en tu código.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 3,\t"name": "Query Selector Tool",\t"description": "Easily create and test DOM query selectors on the active page.",\t"short_name": "DOM Selector",\t"author": "ACBC",\t"version": "1.0",\t"action": {\t\t"default_popup": "index.html"\t},\t"background": {\t\t"service_worker": "background.js"\t},\t"icons": {\t\t"16": "icons/logo-16.png",\t\t"32": "icons/logo-32.png",\t\t"48": "icons/logo-48.png",\t\t"128": "icons/logo-128.png"\t},\t"permissions": ["storage", "activeTab", "scripting"],\t"commands": {\t\t"_execute_action": {\t\t\t"suggested_key": {\t\t\t\t"default": "Ctrl+Shift+Q",\t\t\t\t"mac": "Command+Shift+Q"\t\t\t},\t\t\t"description": "Open Query Selector Tool"\t\t}\t}}

Download CRX(125KiB)