web-dev-qa-db-fra.com

Rechercher les doublons 'id' dans une page HTML

Je développe une application Web et je voudrais vérifier les valeurs dupliquées id dans une page HTML. J'exécute l'application sur ma machine locale.

Il y a une façon de faire cela?

P.S .: J'utilise Firefox et Firebug.

htmlcssweb-developmentduplicate-content
5
user502052

L'outil validateur du W3C signalera les identifiants en double. Pour tester votre code:

  1. Copiez le code source généré dans votre presse-papiers.
  2. Visitez http://validator.w3.org/#validate_by_input
  3. Collez votre balise dans la case et cliquez sur "Vérifier".

Vous pouvez le tester avec le code suivant si vous le souhaitez:

<!doctype html>
<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <div id="test">Test div</div>
        <div id="test">Test div 2</div>
    </body>
</html>

Cela produit l'erreur suivante:

enter image description here

7
Nick

  1. http://validator.w3.org/check

  2. Si Web Developer Toolbar est installé, vous pouvez l’utiliser pour contacter le service ci-dessus directement à partir du navigateur: Outils -> Valider le code HTML local

  3. Certains outils de développement (tels que PhpStorm/WebStorm) effectuent automatiquement cette validation.

3
LazyOne

Utilisez le Validateur W3C . Il vous dira s'il y a des identifiants en double.
Si votre site n'est pas en ligne, utilisez Opera. Ils ont une fonctionnalité Nice qui télécharge la page afin de la valider.

  • Clic droit sur la page
  • Valider

enter image description hereenter image description here

2
Alex

Exécutez ce code sur la console JavaScript de votre navigateur: -

(function findDuplicateIds() {
    var ids = {};
    var all = document.all || document.getElementsByTagName("*");
    for (var i = 0, l = all.length; i < l; i++) {
        var id = all[i].id;
        if (id) {
            if (ids[id]) {
                console.log("Duplicate id: #" + id);
            } else {
                ids[id] = 1;
            }
        }
    }
})();
2
Nanhe Kumar