Discussion :

[killer17]

Bonjour à tous,

mon problème est celui-ci : je dois gérer les styles d'un site avec de nombreuses CSS et pages HTML. Le but est de détecter les ID et les CLASS présents dans le CSS mais qui ne sont aujourd'hui pas utilisé sur le site (donc pouvant être supprimé).

Comme je l'ai indiqué dans le titre, je souhaiterais pouvoir récupérer les valeurs de l'ensemble des ID et des CLASS présent dans un fichier HTML. Pour cela, j'ai remarqué que XPATH pourrait être utile.

Après plusieurs recherches, j'ai fini par produire ce code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$file = "test.html";
$doc = new DOMDocument();
$doc->loadHTMLFile($file);
 
$xpath = new DOMXpath($doc);
 
// test 1: pour tout le contenu avec un ID
$elements = $xpath->query("//*[@id]");
 
if (!is_null($elements)) {
  foreach ($elements as $element) {
    echo "<br/>[". $element->nodeName. "]";
 
    $nodes = $element->childNodes;
    foreach ($nodes as $node) {
      echo $node->nodeValue. "\n";
    }
  }
}

Il me permet ainsi de récupérer le nom de toutes les balises contenant des ID dans un tableau. Mais ce n'est pas exactement ce que je veux.

1er problème : Je voudrais récupérer la valeur de mes ID, et non celle des balises dans lesquelles elles sont.

2ème problème (qui est en réalité une question) : Pensez-vous que j'ai opté pour la meilleure méthode possible ? (Je sais qu'en JavaScript je pouvais également utiliser getElementsByTagName puis récupérer l'ID)

Mon objectif à terme est de pouvoir comparer mon résultat à celui du CSS. Pour cela, j'ai identifié que, par la suite, j'aurais à réitérer ce processus pour tous les fichiers HTML présents dans un dossier (utilisation de opendir/readdir). Mais ce n'est pas tout, je dois faire de même sur des fichiers JSP (traitement similaire), mais également JS (traitons un seul problème à la fois ).

Je m'en remets donc à vos avis éclairés

[gototog]

je me permet d'avancer le fait que c'est un peu risqué, certaines classes et id peuvent etre utilisés soit par du js soit par du css, et surtout, avec des sélecteurs complexes.(exemple: prendre les 4premiers machins sous le 1er h1)

1er probleme:
Ton node comporte <p> par exemple. pour avoir son id, il faut récupérer l'attribut du node. je connais pas spécialement ta bibliothèque mais ca devrait etre un getAttribute ou un truc du genre.

2ème problème.
ca me parait pas trop mal comme méthode, je vois plus de problème venir en script js qu'en php.

[killer17]

je me permet d'avancer le fait que c'est un peu risqué, certaines classes et id peuvent etre utilisés soit par du js soit par du css, et surtout, avec des sélecteurs complexes.(exemple: prendre les 4premiers machins sous le 1er h1)

je sais que la partie JS du site peut contenir des classes et id. Mais je traiterais ce point lorsque mon problème principal sera résolu.

1er probleme:
Ton node comporte <p> par exemple. pour avoir son id, il faut récupérer l'attribut du node. je connais pas spécialement ta bibliothèque mais ca devrait etre un getAttribute ou un truc du genre.

Justement, en théorie je dois utiliser getAttribute étant donné que $element est un objet de type DOMElement. Toutefois j'obtiens ce message :

"Notice: Undefined property: DOMElement::$getAttribute"

2ème problème.
ca me parait pas trop mal comme méthode, je vois plus de problème venir en script js qu'en php.

Merci pour ton avis

[armel18]

bonjour,

cleanCSS est un outil qui nettoie le css,supprime les espaces... détecte les classes non utilisées.

http://dotnetsurfers.com/blog/2008/1...eb-application

[killer17]

Merci de ta réponse, toutefois je connais déjà les plugins Firefox Dust-Me et CSS Usage. Et ils ne répondent pas totalement à mes besoins. En effet, ils ne permettent une recherche qu'avec un degré de profondeur dans l'arborescence.

L'utilisation de DustMe avec le sitemap XML ? Utile pour les pages non sécurisées du site, mais pas pour tout. De plus, dans mon cas, j'ai près de 1500 pages listées dans mon sitemap, et DUST-ME tourne indéfiniment quand je le lance (je l'ai laissé 2 jours).

J'ai malgré tout vérifié pas moins de 1380 pages HTML manuellement, mais j'ai compris que certaines parties du site manquaient encore, notamment celles avec connexion et accès restreint en fonction des droits utilisateurs.

C'est pourquoi je pense que le plus simple est de vérifier directement l'ensemble des fichiers en local.

edit: Pour éviter d'avoir cette réponse, je précise que j'ai également testé sans succès le site Unused-CSS

[killer17]

Je me demande si mon topic ne devrait pas plutôt être posté dans la rubrique "XPATH" sous "XML"...