Como posso obter comentários do CSS com jQuery?

StackOverflow https://stackoverflow.com/questions/401668

  •  03-07-2019
  •  | 
  •  

Pergunta

Estou me perguntando como posso ler os comentários do CSS em uma folha de estilo vinculada.

Eu tenho este exemplo de CSS carregado via:

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

 

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

Estou testando isso no FF3. O seguinte JavaScript lê as regras, mas não lê os comentários em#test3.

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

Solução

Você pode recuperar o conteúdo da folha de estilo e usar Regex para analisar os comentários. Este exemplo usa o jQuery para obter o texto da folha de estilo e uma expressão regular para encontrar os comentários:

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

Você também pode encontrar os links da folha de estilo usando seletores.

Outras dicas

Os comentários quase sempre serão ignorados por um intérprete e, portanto, não estarão disponíveis.

Você pode acessar o arquivo CSS usando uma consulta AJAX e analisar os resultados procurando comentários. O intérprete não atrapalhará então.

Enquanto o CSS estiver no mesmo domínio da página, isso funcionará bem.

Você não pode, esse é o ponto principal dos comentários.

Você não pode ler o arquivo JavaScript CSS, basta inspecionar os resultados no DOM. Uma maneira possível pode ser usar uma folha de estilo incorporada, onde você pode consultar o conteúdo textual da tag de estilo através da interface DOM. Você tem que analisar o conteúdo por si mesmo, é claro.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top