8

我目前正在将网站从自托管移动到 CMS 系统。当前站点使用了一个名为 SqueezeBox.js 的模态弹出脚本。

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

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

干杯

亚当

4

2 回答 2

4

如果你有谷歌浏览器,打开开发者工具,你可以进入“脚本”标签,打开你的 javascript 文件并寻找点击处理程序。点击代码旁边的设置断点,然后当代码到达该位置(例如,如果您单击它),它将暂停,然后在开发人员工具中,您可以在单步执行代码时看到在哪里调用了哪些函数。您还可以将鼠标悬停在代码窗口中的任何变量上以查看其值。非常便利!然后,您可以查看它是否完全进入您的插件(您也可以通过在插件内设置一个断点来执行此操作,例如在运行时始终访问的第一行之类的位置)。

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

这是一个有点不同的思考过程(步入、跳过、打开和关闭断点等),但它非常有用。

检查问题出在哪里的更简单的方法是添加一个 alert('im working); 或类似于代码的东西,您不确定它是否有效。您还可以提醒变量以查看该点的值。您还可以使用控制台命令将其打印到 firebug 的控制台。这些是断点/调试为您做的事情,除了您不需要更改代码的调试。

于 2011-08-30T17:55:50.503 回答
1

如果出现 javascript 错误,那么最简单的方法是使用firebug或 Chrome Inspector(右键单击缩略图并选择“Inspect element”)。打开任一控制台选项卡并刷新页面。如果有错误,将在控制台中报告并提供相关行的链接。

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

于 2011-08-30T18:12:12.387 回答