我如何确定,如果我有一个javascript冲突在我的网站
How do I identify if I have a javascript conflict on my website?
我目前正在移动一个网站从自我托管到CMS系统。目前的网站使用了一个叫做SqueezeBox.js的模式弹出脚本我已经复制了代码在当前网站上的外观,但是当我点击缩略图图像时,模态弹出框没有触发。
查看标题中的代码,我发现我正在使用的CMS也调用了许多其他javascript文件,我想知道其中一个是否引起冲突。
找出这种情况的最好方法是什么?我试过Firefox的插件Web Developer,但在错误控制台中看不到任何东西。然而,我不能100%确定我正确地使用它。谁能指出我在一个简单的使用javascript冲突检测器的方向?
欢呼亚当如果你有谷歌浏览器,打开开发者工具,你可以进入'脚本'选项卡,打开你的javascript文件,寻找点击处理程序。沿着代码的一侧单击以设置断点,然后当代码到达该点时(例如,如果单击它),它将暂停,然后在开发人员工具中,您可以看到在您逐步执行代码时调用了哪些函数。您还可以将鼠标悬停在代码窗口中的任何变量上以查看其值。非常方便!然后你就可以看到它是否进入了你的插件(你也可以在插件内部设置一个断点,比如在运行时总是被访问的第一行)。
我相信你可以用Firebug做同样的事情
这是一个不同的思考过程(一步进入,一步越过,打开和关闭断点等),但它非常有用。
一个更简单的检查问题发生的方法是添加一个警告("我正在工作");或者类似于你不确定它是否工作的代码。您还可以提醒一个变量,以查看此时的值是多少。您还可以使用console命令将其打印到firebug的控制台。这些都是断点/调试为你做的事情,除了调试你不需要改变你的代码。
如果有javascript错误,那么简单的方法是使用firebug或Chrome检查器(右键单击缩略图并选择"检查元素")。打开任意一个的控制台选项卡并刷新页面。如果有错误,它将在控制台中报告,并提供到相关行的链接。
如果没有错误被报告,那么代码的逻辑是阻止显示框。您需要逐步执行代码以找到错误。看看缩略图图像的click处理程序调用了什么函数。在任何一种工具中转到该函数,并在函数的第一行上放置一个断点。再次单击缩略图,代码将暂停在该行上。从那里,您可以逐步遍历代码并查看遵循的是哪个代码分支。在某些地方可能存在完整性检查失败并导致代码爆炸的情况。
- 我的React应用程序的根文件夹与React Router冲突
- 与我的jquery弹出窗口和自动调整文本区域大小有冲突
- 我的if和else-if逻辑中的问题以及两个函数的冲突
- jquery与我的网站冲突
- 浏览器缓存与我的 javascript 冲突,以将值添加到列表框
- j查询冲突在我的网站上
- 没有冲突使我的表格消失了
- 如何获取我的 x 和 y 值以检测 html5 画布中两个图像之间的冲突
- 我的主干集合中的响应/模型之间存在冲突
- 获得外部脚本到我的HTML页面,而不与CSS属性冲突
- RateIt jquery插件创建一个冲突的jquery文件,我在我的项目
- 是否有任何方法可以在我的Mustache.js模板中的嵌套结构中绕过名称冲突
- 我试图在我的页面上添加nivo滑块,但它与灯箱相冲突.有什么办法可以避免这种冲突吗?
- 我如何确定,如果我有一个javascript冲突在我的网站
- 在客户端的网页上加载我的网站时,出现了css属性冲突问题
- 为什么我的JavaScript函数名冲突
- Javascript冲突到我的css管理LTE主题
- 我如何解决冲突在我的javascript代码
- 禁用与我的网站冲突的chrome扩展
- CSS冲突.CSS更改我的<选择>班