Comment savoir si j'ai un conflit javascript sur mon site web?
Je suis en train de migrer un site web auto-hébergé sur un système du CMS. Le site actuel utilise un modal popup script appelé SqueezeBox.js
J'ai copié le code dans exactement à quoi il ressemble sur le site web, cependant, le modal boîte de pop-up n'est pas de déclenchement lorsque je clique sur une miniature de l'image.
Regardant le code dans l'en-tête que j'ai vu que le CMS que j'utilise est aussi appel à un certain nombre d'autres fichiers javascript et je me demandais si l'un d'entre eux est à l'origine d'un conflit.
Quelle est la meilleure façon de savoir si c'est le cas? J'ai essayé Firefox plugin Développeur Web, mais ne peut pas voir quoi que ce soit dans la Console d'Erreur. Cependant, je ne suis pas sûr à 100% je l'utilise correctement. Quelqu'un peut bien me pointer dans la direction d'un simple à utiliser javascript conflit détecteur?
Acclamations
Adam
juste un petit pinaille.. c'est 'modal' pas 'modèle' 😉
OriginalL'auteur bbacarat | 2011-08-30
Vous devez vous connecter pour publier un commentaire.
Si vous avez Google Chrome, ouvrir les Outils de développement et vous pouvez aller dans l'onglet 'scripts', ouvrez vos fichiers javascript et regardez pour le gestionnaire de clic.. clic sur le côté du code pour définir un point d'arrêt, puis, quand le code atteint cet endroit (si vous cliquez dessus, par exemple), il fait une pause, puis dans les Outils de développement, vous pouvez voir quelles sont les fonctions sont appelés où, comme vous avancez dans le code. Vous pouvez également passez la souris sur une variable dans la fenêtre de code pour afficher sa valeur. Très pratique! Vous pouvez ensuite voir si c'est dans votre plugin à tous (vous pouvez le faire en définissant un point d'arrêt à l'intérieur du plug-in à un endroit comme la première ligne qui sera toujours accessible lors de son exécution).
Je crois que vous pouvez faire la même chose avec Firebug
C'est un peu d'un autre processus de pensée d'entrer dans (l'étape, étape au-dessus, en tournant les points d'arrêt sur et en dehors, etc), mais il est extrêmement utile.
Un moyen plus simple de vérifier où les problèmes se produisent est par l'ajout d'une alerte ("im de travail); ou quelque chose de similaire à un code que vous n'êtes pas sûr si cela fonctionne. Vous pouvez aussi alerter une variable pour voir quelle en est la valeur à ce point. Vous pouvez également utiliser console de commande à imprimer à firebug de la console. Ces font des choses que les points d'arrêt/de débogage faire pour vous, sauf avec le débogage, vous n'avez pas besoin de modifier votre code.
avez-vous regardé la vidéo que j'ai fait un lien? Je sais que c'est un peu délicat à aborder, mais il va verser des dividendes dans le longrun. J'ai aussi ajouté une autre solution à ma réponse.
Où est l'onglet scripts dans les outils de développement de chrome?
il est appelé "Sources" maintenant.
OriginalL'auteur Damon