Comment puis-je suivre les modifications apportées au DOM par JavaScript?

J'ai un grand site Web en développement avec une grande quantité de JS dans différents fichiers. J'ai rencontré un problème où quelque chose supprime une classe du DOM. Je peux le voir quand je regarde la source mais pas dans Firebug.Comment puis-je suivre les modifications apportées au DOM par JavaScript?

Normalement, je placerais des alertes/console.log appels avec la valeur hasClass mais parce que je ne sais pas par où commencer, je voulais savoir si je peux retracer le changement quand il se produit en quelque sorte?

Denis

Source

2009-10-05 Denis Hoctor

Voir http://stackoverflow.com/questions/648996/how-do-i-monitor-the-dom-for-changes –

Aussi http://stackoverflow.com/questions/1218445/is-there-any -ondocumentchange-event (spécifique à IE) –

Firebug vous permet set a breakpoint and single-step through your code. Cela devrait indiquer clairement où le problème se produit.

Source

2009-10-05 15:04:43

Cela voudrait dire passer par chaque ligne de chaque fichier JS? Si c'est le cas, ce n'est pas pratique. –

ce nom de classe spécifique doit être utilisé dans cette fonction cachée qui le supprimer, non? donc soit grep pour cela sur un système basé sur des posix, ou, si vous utilisez le système Win, utilisez votre fonction IDE "search-in-files" pour suivre cette modification.

Source

2009-10-05 15:00:40

un de mes amis (http://intellectronica.net/) vient de m'envoyer un commentaire sur celui-ci (à friendfeed) voici ce qu'il dit: dans YUI3, tous les attributs de Chaque objet a un événement de changement correspondant, vous pouvez donc simplement créer un gestionnaire pour l'événement de changement de l'attribut de classe, y placer un point d'arrêt et examiner la trace de la pile. C'est une idée géniale, ils devraient l'adopter comme standard pour le DOM. –

Comment puis-je suivre les modifications apportées au DOM par JavaScript?

Répondre

Questions connexes