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

Question

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

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

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

干杯

亚当

Answer 1

如果你有谷歌浏览器，打开开发人员工具，你可以进入'脚本'选项卡，打开你的JavaScript文件，并寻找点击处理程序..点击代码的一侧设置一个断点，然后当代码到达该位置时（例如，如果单击它），它将暂停，然后在开发人员工具中，您可以看到在您逐步执行代码时调用的函数。您还可以将鼠标悬停在代码窗口中的任何变量上以查看其值。非常便利！然后你可以看看它是否进入了你的插件（你可以通过在插件内部设置一个断点来实现这一点，就像第一行一样，它在运行时总会被访问）。

我相信你可以do the same thing with Firebug

进入（步入，跳过，打开和关闭断点等）是一个不同的思维过程，但它非常有用。

检查问题发生地点的一种更简单的方法是添加警报（'即时工作）;或类似于代码的东西，你不确定它是否正常工作。您还可以警告变量以查看该点的值。您还可以使用console命令将其打印到firebug的控制台。这些是断点/调试为你做的事情，除了你不需要改变代码的调试。

Answer 2

如果出现javascript错误，那么easyies方式是使用firebug或Chrome Inspector（右键单击缩略图并选择“Inspect element”）。打开其中一个的控制台选项卡并刷新页面。如果出现错误，将在控制台中报告并提供相关行的链接。

如果没有报告错误，则代码的逻辑是阻止显示该框。您需要单步执行代码才能找到错误。查看从缩略图图像的单击处理程序调用的函数。在任一工具中转到该函数，并在函数的第一行放置一个断点。再次单击缩略图，代码将在该行上暂停。从那里，您可以单步执行代码并查看遵循的代码分支。在某些时候可能会进行健全性检查失败并导致代码爆炸。