js 调试,chrome调试,找出点击事件

时间:2024-05-31 12:16:58

之前接触过一个项目。点击事件,需要找出点击所触发的js函数,进行修改。js的封装性很强,而且用了一些js框架,通过源代码真的很难找到。所以只能借助强大的chrome浏览器了。

  1. 第一步:当然是打开调试页面了。

  2. 第二步:选择调试元素,找到该元素的监听事件。js 调试,chrome调试,找出点击事件

  3. 第三步:找到你所需要的监听事件的类型,比如我需要的是点击事件,就打开点击事件,找到对应的js和方法,可能会有多个,可以选择临时移除,找到真正的那一个。js 调试,chrome调试,找出点击事件

  4. 第四步:找到该段代码,设置断点。开始调试执行。

js 调试,chrome调试,找出点击事件

js 调试,chrome调试,找出点击事件

  1. 第五步:其他事件类似,按照此步骤即可。

常用调试快捷键

F8:运行剩余程序

F9:运行该程序,一步步运行。

F10:调试跳过该方法,执行下一步

F11:进入函数内部

shift +F11:跳出该函数,返回上一个函数

don't pause on exceptions :不要暂停异常(默认,取消之后按F8可以直接运行到异常处)