怎么使用chrome的开发者模式找见某个js事件来源于那个js文件

本文介绍了如何通过浏览器的开发者工具来追踪和调试JavaScript点击事件。步骤包括打开开发者工具,进入Sources面板,启用click事件断点,通过F11逐步进入函数内部,最终找到处理点击事件的函数。这种方法对于80%的情况都能有效帮助开发者定位相关JS文件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、点击F12,将开发者模式打开,如图:

在这里插入图片描述

二、选择图示中的Sources,进入如下页面。在这里插入图片描述

三、选择图中的Event Listener Breakpoints栏,因为我们要测试的是点击事件,所以我们就把click选项勾上。

在这里插入图片描述

四、不断的按F11,进入函数内部,一直点击(需要有耐心),直到最终起作用的函数出现。

在这里插入图片描述

备注:利用这种方法80%可以达到目的,找到对应的js文件。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梦能圆科技

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值