Cuando uso la pestaña Cobertura de Dev-tools, puedo ver las proporciones de código usado y no usado para una página, con una diferencia útil que resalta las funciones que se usaron y las que no. Esto funciona tanto con JavaScript en archivos .js separados como con JavaScript que se ha integrado en mi index.html .

El sitio está construido con Gatsby, usando componentes Styled, lo que significa que durante la construcción, sus estilos están integrados en el index.html dentro de una etiqueta <style></style> . Sin embargo, DevTools no muestra ninguna cobertura para esos estilos.

¿Hay alguna forma de mostrar la cobertura de los estilos que están en línea en html?