首页 > Web开发 > 详细

JS调试的最强方法,学会这四个,就可以无脑接单了

时间:2020-04-04 09:04:44      阅读:68      评论:0      收藏:0      [点我收藏+]

 

经常遇到的两种情况是:

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代码查看就行了。

 

JS调试的最强方法,学会这四个,就可以无脑接单了

原文:https://www.cnblogs.com/cn-oldboy/p/12630211.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!