¿Cómo puedo obtener comentarios CSS con jQuery?

Question

Me pregunto cómo puedo leer los comentarios de CSS de una hoja de estilo vinculada.

Tengo este ejemplo de CSS cargado a través de:

<link rel="stylesheet" type="text/css" media="all" href="test.css" />

& nbsp;

#test1{ border:1px solid #000; }
#test2{ border:1px solid #000; }
#test3{/* sample comment text I'm trying to read */}

Estoy probando esto en FF3. El siguiente javascript lee las reglas pero no lee los comentarios en # test3 .

window.onload = function(){
    s=document.styleSheets;
    for(i=0;i < s[0].cssRules.length;i++){
        alert(s[0].cssRules[i].cssText);
    }
}

Answer 1

Puede recuperar el contenido de la hoja de estilo y usar expresiones regulares para analizar los comentarios. Este ejemplo utiliza jQuery para obtener el texto de la hoja de estilo y una expresión regular para encontrar los comentarios:

jQuery.get("test.css", null, function(data) {
    var comments = data.match(/\/\*.*\*\//g);
    for each (var c in comments) 
        alert(c);
});

También puede encontrar los enlaces de hojas de estilo utilizando los selectores.

Answer 2

Los comentarios casi siempre serán ignorados por un intérprete y, por lo tanto, no estarán disponibles.

Answer 3

Puede acceder al archivo CSS utilizando una consulta AJAX y luego analizar los resultados usted mismo en busca de comentarios. El intérprete no se interpondrá en el camino.

Mientras el CSS esté en el mismo dominio que la página, esto funcionará bien.

Answer 4

No puedes, eso es todo el punto de los comentarios.

Answer 5

No puede leer el archivo CSS JavaScript, solo inspeccione los resultados en el DOM. Una forma posible podría ser utilizar una hoja de estilo incrustada, donde puede consultar el contenido textual de la etiqueta de estilo a través de la interfaz DOM. Tienes que analizar el contenido por ti mismo, por supuesto.