Herramienta de Auditoría de CSS para Chrome
Browser Variable Helper es una extensión para Chrome DevTools diseñada para ayudar a los desarrolladores frontend a auditar el CSS de cualquier página web. Esta herramienta permite identificar valores codificados, valores de respaldo y variables CSS no definidas, facilitando así la depuración y la optimización del código. Los problemas se destacan visualmente en el árbol DOM y en el panel de CSS, cada uno con un código de color específico que facilita su identificación y corrección.
Para utilizar Browser Variable Helper, simplemente instale la extensión y abra Chrome DevTools. Desde la pestaña dedicada a la herramienta, podrá hacer clic en cualquier elemento para inspeccionar sus estilos. La extensión no recopila ni transmite datos, garantizando que todo el análisis se realice localmente mediante las APIs de DevTools, lo que proporciona un entorno seguro y privado para la auditoría de CSS.
