Comment puis-je obtenir des commentaires CSS avec jQuery?

Question

Je me demande comment lire des commentaires CSS dans une feuille de style liée.

J'ai cet exemple de CSS chargé via:

<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 */}

Je teste cela en FF3. Le code javascript suivant lit les règles mais ne lit pas les commentaires dans # test3 .

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

Answer 1

Vous pouvez récupérer le contenu de la feuille de style et utiliser regex pour analyser les commentaires. Cet exemple utilise jQuery pour obtenir le texte de la feuille de style et une expression régulière pour rechercher les commentaires:

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

Vous pouvez également trouver les liens de la feuille de style à l'aide de sélecteurs.

Answer 2

Les commentaires seront presque toujours ignorés par un interprète et ne seront donc pas disponibles.

Answer 3

Vous pouvez accéder au fichier CSS à l'aide d'une requête AJAX, puis analyser les résultats vous-même à la recherche de commentaires. L'interprète ne fera pas obstacle alors.

Tant que le CSS se trouve sur le même domaine que la page, cela fonctionnera sans problème.

Answer 4

Vous ne pouvez pas, c'est tout l'intérêt des commentaires.

Answer 5

Vous ne pouvez pas lire le fichier CSS JavaScript, vous devez simplement inspecter les résultats dans le DOM. Une solution possible consiste à utiliser une feuille de style incorporée, dans laquelle vous pouvez interroger le contenu textuel de la balise de style via l'interface DOM. Vous devez bien sûr analyser le contenu pour vous-même.