我如何确定,如果我有一个javascript冲突在我的网站

How do I identify if I have a javascript conflict on my website?

本文关键字:冲突 我的 网站 javascript 有一个 何确定 如果      更新时间:2023-09-26

我目前正在移动一个网站从自我托管到CMS系统。目前的网站使用了一个叫做SqueezeBox.js的模式弹出脚本我已经复制了代码在当前网站上的外观,但是当我点击缩略图图像时,模态弹出框没有触发。

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

找出这种情况的最好方法是什么?我试过Firefox的插件Web Developer,但在错误控制台中看不到任何东西。然而,我不能100%确定我正确地使用它。谁能指出我在一个简单的使用javascript冲突检测器的方向?

欢呼亚当

如果你有谷歌浏览器,打开开发者工具,你可以进入'脚本'选项卡,打开你的javascript文件,寻找点击处理程序。沿着代码的一侧单击以设置断点,然后当代码到达该点时(例如,如果单击它),它将暂停,然后在开发人员工具中,您可以看到在您逐步执行代码时调用了哪些函数。您还可以将鼠标悬停在代码窗口中的任何变量上以查看其值。非常方便!然后你就可以看到它是否进入了你的插件(你也可以在插件内部设置一个断点,比如在运行时总是被访问的第一行)。

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

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

一个更简单的检查问题发生的方法是添加一个警告("我正在工作");或者类似于你不确定它是否工作的代码。您还可以提醒一个变量,以查看此时的值是多少。您还可以使用console命令将其打印到firebug的控制台。这些都是断点/调试为你做的事情,除了调试你不需要改变你的代码。

如果有javascript错误,那么简单的方法是使用firebug或Chrome检查器(右键单击缩略图并选择"检查元素")。打开任意一个的控制台选项卡并刷新页面。如果有错误,它将在控制台中报告,并提供到相关行的链接。

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