如何确定我的网站上是否存在javascript冲突？

Question

我目前正在将自己托管的网站转移到CMS系统上.当前站点使用名为SqueezeBox.js的模态弹出脚本我已经在当前网站上完全复制了代码,但是当我点击缩略图时,模态弹出框没有触发.

看看标题中的代码,我发现我正在使用的CMS也调用了许多其他javascript文件,我想知道其中一个是否导致冲突.

找出是否是这种情况的最佳方法是什么？我已经尝试过Firefox的插件Web Developer,但在错误控制台中看不到任何内容.但是,我并不是100%确定我正确使用它.任何人都可以指向一个简单易用的javascript冲突探测器的方向吗？

干杯

亚当

Answer 1

如果您有 Google Chrome，请打开开发人员工具，您可以进入“脚本”选项卡，打开您的 javascript 文件并查找单击处理程序。沿着代码一侧单击以设置断点，然后当代码到达该位置（例如，如果单击它），它将暂停，然后在开发人员工具中，您可以在单步执行代码时看到正在调用哪些函数。您还可以将鼠标悬停在代码窗口中的任何变量上以查看其值。非常便利！然后，您可以查看它是否完全进入您的插件（您也可以通过在插件内的某个位置（例如运行时始终会访问的第一行）设置断点来执行此操作）。

我相信你可以用 Firebug 做同样的事情

这是一个有点不同的思考过程（单步进入、单步跨越、打开和关闭断点等），但它非常有用。

检查问题发生位置的更简单方法是添加警报（'imworking）; 或类似的代码，您不确定它是否有效。您还可以提醒变量以查看此时的值。您还可以使用console命令将其打印到 firebug 的控制台。这些是断点/调试为您做的事情，除了不需要更改代码的调试之外。