¿Hay alguna herramienta que pueda ver el HTML de mi sitio web y decirme que (por ejemplo) "hay un elemento HTML en mysite.com/example.html usando una clase de SOMECLASS pero SOMECLASS no está definido en ningún Archivos CSS ".¿Alguna herramienta para identificar clases CSS/HTML indefinidas?
?
Se podría probar un plugin de Firefox como Dust-me-selectors
He creado un fragmento que hace exactamente eso: https://gist.github.com/kdzwinel/426a0f76f113643fa285
Se puede ejecutar en los DevTools la consola y la salida de muestra se verán así:
Hay una herramienta gratuita de escritorio de Windows que puede escanear una carpeta de proyecto web local y generar clases CSS indefinidas, es decir, clases que se usan en html pero que no están definidas en ningún CSS. También tiene en cuenta JavaScript en cierta medida.
https://sourceforge.net/projects/cssscanner/
Todas las otras respuestas, o bien no funciona para mí o no entendí la pregunta (incluyendo la respuesta aceptada). Este último me acabo de probar y funciona sorprendentemente bien, aunque no detectará cada borde de la carcasa.
Tenga en cuenta que las clases pueden ser utilizadas para otros fines aparte del estilo, por ej. agregando comportamiento a los elementos usando Javascript. Sin embargo, la herramienta que estás buscando aún existe. –
Sí, me doy cuenta de esto. Creo que el atributo de clase es * en su mayoría * utilizado únicamente para CSS sin embargo. – Dougal