如何识别我的网站上是否存在JavaScript冲突？

Question

我目前正在将自己托管的网站移动到CMS系统上。目前网站使用名为SqueezeBox.js 我已经通过它究竟是如何看目前的网站上复制的代码模式弹出脚本，但是当我点击缩略图上的模式弹出框未触发。

看着头中的代码中，我发现我使用的CMS还呼吁其他一些JavaScript文件，我想知道，如果他们中的一个导致冲突。

什么是找出如果是这种情况的最好方法是什么？我试过Firefox的插件Web Developer，但在错误控制台中看不到任何东西。但是，我不是100％确定我正确使用它。任何人都可以指向一个简单的使用JavaScript冲突检测器的方向吗？

干杯

亚当

Answer 1

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

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

这是一个有点不同的思维过程，涉足（步入，步过，上下车等转向断点），但它是非常有用的。

更简单的检查，其中问题存在的方式是通过添加警报（'聊天工作）;或类似的代码，你不知道它是否工作。您还可以提醒变量以查看该点的值。您也可以使用console命令将其打印到萤火虫的控制台。除了调试你不需要改变你的代码之外，它们正在为断点/调试做些事情。

Answer 2

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

如果被报告没有错误，那么代码的逻辑是防止所显示的对话框。您需要逐步完成代码以查找错误。看看缩略图图像的点击处理程序正在调用哪个函数。在任一工具中转到该函数，并在函数的第一行放置一个断点。再次单击缩略图，代码将在该行上暂停。从那里你可以遍历代码并查看哪个代码分支被跟踪。在某些情况下，可能会进行完整性检查，导致代码无法正常运行。