我目前正在将一个网站从自托管系统迁移到 CMS 系统。当前站点使用名为 SqueezeBox.js 的模态弹出脚本 我已经完全按照当前网站上的外观复制了代码,但是当我单击缩略图时,模式弹出框没有触发。
查看 header 中的代码,我发现我正在使用的 CMS 也在调用许多其他 javascript 文件,我想知道是否其中一个文件引起了冲突。
查明是否属于这种情况的最佳方法是什么?我试过 Firefox 的插件 Web Developer,但在错误控制台中看不到任何内容。但是我不能 100% 确定我是否正确使用了它。还有其他人能指出我使用简单易用的 javascript 冲突检测器的方向吗?
干杯
亚当
最佳答案
如果您有谷歌浏览器,请打开开发者工具,然后您可以进入“脚本”选项卡,打开您的 javascript 文件并查找点击处理程序。点击代码旁边以设置断点,然后当代码到达该位置时(例如,如果您单击它),它将暂停,然后在开发人员工具中,您可以看到在逐步执行代码时在哪里调用了哪些函数。您还可以将鼠标悬停在代码窗口中的任何变量上以查看其值。非常便利!然后您可以查看它是否完全进入了您的插件(您也可以通过在插件内的某个位置设置一个断点来做到这一点,例如在运行时将始终访问的第一行)。
我相信你可以do the same thing with Firebug
进入(单步执行、跨步、打开和关闭断点等)的思维过程有点不同,但它非常有用。
一种更简单的检查问题发生位置的方法是添加一个 alert('im working);或类似于代码的东西,你不确定它是否有效。您还可以提醒变量以查看此时的值。您也可以使用 console命令将其打印到 Firebug 的控制台。这些是断点/调试为您做的事情,除了调试您不需要更改代码。
关于javascript - 如何确定我的网站上是否存在 javascript 冲突?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7247465/