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

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

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

如果是这种情况，最好的办法是什么？我尝试过Firefox的插件Web Developer，但在错误控制台中看不到任何东西。但是，我不能100%确定我是否正确使用了它。其他人能告诉我一个简单易用的javascript冲突检测器的方向吗

干杯

---

Adam

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

我相信你能

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

---

检查问题发生位置的一种更简单的方法是添加警报（“我正在工作”）；或者类似于你不确定它是否工作的代码。您还可以向变量发出警报，以查看该点的值。您还可以使用命令将其打印到firebug的控制台。这些都是断点/调试为您做的事情，除了调试之外，您不需要更改代码。

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

---

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

我建议使用firebug插件（firefox）或chrome的开发工具。这些工具允许您轻松调试javascript。只是一个小小的吹毛求疵。。这是‘模态’而不是‘模型’；）嗨，这是一个点击事件。这有关系吗？谢谢你的帮助。根据Damon的建议，我采纳了您的建议，但对于javascript，我仍然不知道我在使用这些工具做什么。我想我需要一个外行工具。onclick事件将更难调试。我不相信断点可以像那样直接放在html中。我的建议是在onclick事件中调用一个函数，并将所有代码放在该函数中。这将允许您在函数的第一行上放置断点，以单步执行单击处理程序。不幸的是，这些工具实际上是调试javascript最友好的工具。刚开始的时候，它们可能有点让人不知所措，但掌握了窍门之后，它们真的很容易使用，尤其是Chrome Inspector。祝你好运谢谢你的帮助。我接受了你的建议，但对于javascript，我仍然不知道我在用这些工具做什么。我想我需要一个外行工具。你看了我链接的视频吗？我知道这是一个有点棘手的进入，但它将支付股息在长期。我还为我的答案添加了另一个可能的解决方案。chrome开发者工具中的脚本选项卡在哪里？@RNKushwaha它现在被称为“源”。