标签：最好 styles listener 多个 ima code 自己 一个 event
经常遇到的两种情况是：
1.很多别人写的项目，出现了问题以后，自己解决不了，找我们解决。
2.仿站，是扒下来的代码，扒完以后，没法正常运行。
这时候，就是考验功力和耐心的时候了。
如何排查，有四点要说：
一：注释JS
最好的方法，永远的第一个想法，就是注释掉JS。
注释掉一些js文件，再运行，一个个排查，最终能定位到冲突位置。
二：通过元素，找到控制它的JS文件这也很重要
比如，下图，我选择了所示的元素，找到右边的Styles，再找到最右边的Event Listeners，那么，这个元素上面的，所有绑定的事件，以及控制事件的JS文件就都找到了！神器！比断点调试，更实用！
三：console.log
这是排查的利器。console.log(123)
四：断点调试，是个坑
不要做断点调试，一个断点，会运行N多个JS文件的时候，你会被弄的晕头转向.所以废了它吧。
如果你非要用这种调试，可以用打开浏览器的调试功能，以chrome为例，按F12打开调试窗口，切换到Sources选项卡，最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可，当你鼠标移动到图片上时触发mouseover事件，chrome可响应事件设置断点，你就跟踪js代码查看就行了。
标签：最好 styles listener 多个 ima code 自己 一个 event
原文地址：https://www.cnblogs.com/cn-oldboy/p/12630211.html
