Mejora tu flujo de trabajo con Data Attribute Highlighter
Data Attribute Highlighter es una extensión gratuita de Chrome diseñada para desarrolladores y testers de calidad (QA). Esta herramienta permite resaltar elementos HTML que contienen atributos de datos al pasar el cursor sobre ellos, facilitando la inspección y el acceso a información relevante sin necesidad de abrir las herramientas de desarrollo. Con características como detección inteligente de hover y copiado de valores al portapapeles, optimiza el proceso de pruebas y desarrollo en entornos como Cypress, Playwright o Jest.
La extensión ofrece una interfaz moderna con un diseño elegante y animaciones suaves. Su funcionalidad incluye la búsqueda inteligente en el árbol DOM para encontrar atributos de datos, así como la opción de activar o desactivar el resaltador fácilmente. Data Attribute Highlighter es ideal para quienes buscan una manera eficiente de trabajar con identificadores de prueba y depurar aplicaciones web, todo sin interferir en las interacciones normales de la página.